【jQuery】$(this)について

Question

JS初心者です。
thisについて質問させてください。
以下の様なコードがあるとします。
func()では $(this)を使用した処理を行います。
.btn-aをクリックした際は正しく$(this)が定義されますが
btn-bをクリックし、ajax通信が完了し、func()を呼び出すと $(this)は未定義となってしまいます。

$box.on('click', 'btn-a', func );
$box.on('click', 'btn-b', function(){
	$.ajax({
		...
	}).done( function(){
		func();
	});
});
function func () 
{
	// $(this) を扱う処理
}

間違った解釈などありましたらご指摘ください。

Answer 1

自然な挙動です。
引数に$(this)に相当するjQueryオブジェクトを渡すようfuncを変更し、以下のようにしてAjax処理の前に$(this)をコピーしましょう。

var elm = $(this);
$.ajax({
// ...
}).done(function(){
    func(elm);
});

Comments

[og24715]

できました！
ありがとうございます