jQueryで現在の要素をクラス内部で選択する方法は？

Question

情報を動的に取り込むループがあります。私は「AJAX」を呼び出しています特定のdivをクリックする上

<div class="main"> 

<div class="more"> 
    more 
</div> 
<span></span> 
    .... 
<div class="more"> 
    more 
</div> 
<span></span> 

</div> 

- 成功には、私はいくつかの内容と、その特定のdivの内容と次のスパンを上書きしたいです。

$(document).on("click", ".more", function (event) { 
      $.ajax({ 
       url: '..', 
       datatype: 'application/json', 
       success: function (data) { 
        $(".more",this).html("Update Dev"); //update div 
        $(".more",this).find('span:first').text("Update Span"); //update span 
       }, 
       error: function() { alert('something bad happened'); } 
      }); 
     }); 

クリックされた要素にはどのようにアクセスしますか。

おかげ

Answer 1

あなたは、クリックされたボタンを取得するにはクリックハンドラ内$(this)を使用することができます。 AJAXコールバックではなく、クリックハンドラでキャプチャするようにしてください：

$(document).on("click", ".more", function (event) { 
    var clickedDiv = $(this); // <- capture clicked div to variable 

    $.ajax({ 
     url: '..', 
     datatype: 'application/json', 
     success: function (data) { 
      // use captured div to set the contents 
      clickedDiv.html("Update Dev"); 
      // use captured div and function next() to get the span element 
      clickedDiv.next('span').html("Updated span"); // then update span 
     }, 
     error: function() { alert('something bad happened'); } 
    }); 
});