jqueryでajaxsuccessの内側this

質問

いつもお世話になっております

jqueyで質問なのですが、ajaxの成功したときに起動する
successの内側で$(this).val()を呼び出し、CSSにアクセスしたいのですが
期待した動作にはなりません。

期待する動作
それぞれクリックすると「１」「２」「３」と出て背景が赤くなる。

実際の動作
エラー「e.nodeName is undefined」となります。

どなたか、successの内側から$(this)にアクセスする方法をご存知の方いらっしゃいませんでしょうか
他の方法で期待の結果になるようにではなく、successの内側から$(this)にアクセスする方法が知りたいです
お忙しい中恐縮ですが、分かる方がいたら嬉しいです

<input class="hoge" value="1" />
<input class="hoge" value="2" />
<input class="hoge" value="3" />

<script type="text/javascript">
$(document).ready(function() {

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

$.ajax({
url: "some.html",
cache: false,
success: function(){

alert( $(this).val() );
$(this).css('background-color','red');

}
});

});

});
</script>

回答No.1

pQ2MZc53 · ベストアンサー

$(document).ready(function() {
　　　　$('.hoge').click(function(){
　　　　　　　　//　変数に代入
　　　　　　　　var obj = $(this);
　　　　　　　　$.ajax({
　　　　　　　　　　　　url: "some.html",
　　　　　　　　　　　　cache: false,
　　　　　　　　　　　　success: function(){
　　　　　　　　　　　　　　　　alert( obj.val() );
　　　　　　　　　　　　　　　　obj.css('background-color','red');
　　　　　　　　　　　　}
　　　　　　　　});
　　　　});
});

お礼

ありがとうございます！！
無事、期待の動作になりました！

thisのオブジェクトを変数に代入すればいいんですね。
本当にありがとうございます