jQueryグローバル変数が機能しない

Question

グローバル変数を宣言したいが、それでもundefinedと言っている。

<div class="last">Blah</div> 

$(document).ready(function() { 
    $(document).on('click', '.last', function() { 
     window.testing = $(this).html(); 
    }) 
    console.log(testing); 
}) 

私もこれを試してみました。

$(document).ready(function() { 
    var testing; // testing = undefined 

    $(document).on('click', '.last', function() { 

     testing = $(this).html(); 
    }) 

    console.log(testing); // prints undefined, because onlick event has not fired yet and testing is not equal to $(this).html(); 
} 

Answer 1

あなたのコードは正常に動作しますが、あなたはそれが期待しているではないか。

$(function() { 
 
\t 
 
    var testing; 
 

 
    $('.last').click(function() { 
 

 
    testing = $(this).html(); 
 

 
    alert(testing); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="last">Blah (click here)</div>

あなたのコードを：

$(document).ready(function() { 
    var testing; 
    $(document).on('click', '.last', function() { 
     testing = $(this).html(); 
    }) 
    console.log(testing); 
}) 

Answer 2

これを試してみてください。 DOMの読み込み時にtesting変数を読み込みますが、ボタンをクリックした後に値を与えるのはです。その代わりに、window.testing変数が設定された後で変数を読み取る方法が必要です。ボタンクリックを使用した例を次に示します。

$(document).ready(function() { 
 
    $(document).on('click', '.last', function() { 
 
    window.testing = $(this).html(); 
 
    }) 
 

 
    $('button').click(function() { 
 
    console.log(window.testing); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="last">Set</div> 
 
<button>Read</button>

また、グローバル変数を使用してやっていることは良いことではありませんので注意してください。さまざまな場所で変数を使用できるようにする必要がある場合は、名前空間を使用します。

Answer 3

試してみてください。この

var testing = ""; 
$(document).ready(function() { 
    $(document).on('click', '.last', function() { 
     testing = $(this).html(); 
    }); 
    console.log(testing); 
}); 

編集

あなた.lastクラス値、変数への単純な値を渡して試してみてください

var testing = ""; 
$(document).ready(function() { 
    $(document).click(function() { 
     testing = 1; 
     alert(testing); 
    }); 

});