Wie über HTML-Elemente mit dem gleichen Attribut mit jquery iterieren und OnClick-Ereignis suchen?

Question

Ich versuche, jedes Element mit demselben Attribut zu durchlaufen und einen Ajax-Aufruf zu machen, wenn ein onclick-Ereignis in einem der Elemente ist.

$(document).ready(function(){ 
    $.each($("#workon"),function(){ 
     $(this).find("#wanalearn_request").click(function(e){ 
      e.preventDefault(); 
      var this_ = this; 
      # ajaxPost is just a custom ajax post function 
      ajaxPost($(this).attr('href'),{},function(content) { 
      $(this_).find('span').text(content.wanalearns_count); 
      }); 
     }); 
    }); 
}); 

Answer 1

try 'auf' statt:

$('#workon').on('click', '#wanalearn_request', function (e) { 

    e.preventDefault(); 
    e.stopPropagation(); 

    var link = $(e.target).closest('a'); 

    $.post(link.attr('href'), '' /* the payload must be a serialized query string in this case */, function (content) { 

    link.find('span').text(content.wanalearns_count); 

    }); 

});