Как получить $ (это) на делегированные события

Question

У меня есть страница, которая содержит следующие ссылки

<a id="21561" class="delete_item" href="#" name="baseMenu"> 
<img class="icons" src="../images/delete.gif"> 
</a> 

<a id="219350" class="delete_item" href="#" name="menuOptions"> 
<img class="icons" src="images/delete.gif"> 
</a> 

Единственная разница между 2 ссылок атрибут имя.

Вопрос, который я имею, это то, что эти ссылки впрыскивается в HTML-документ динамически через $.post() метод

Я пытаюсь получить имя атрибута, когда удаление ссылка была нажата, но это похоже, не работает, когда я использую его совместно с атрибутом $(this).

Может кто-нибудь, пожалуйста, помогите мне получить $(this) attr для ссылки .delete_item на событие click.

Любая помощь была бы действительно оценена. Заранее спасибо

$(document).on("click", $(".delete_item") , function(){ 


var test = $(".delete_item", this); 
console.log(test); 
return false; //We just want get the value for now 
no need to parse the rest of the code. We now it works 


//rest of the ajax code ....... 
) 

Answer 1

Попробуйте

$(document).on("click", ".delete_item" , function(){ 

var that= $(this); 
console.log(that); 
return false; //We just want get the value for now 


}); 

Answer 2

Вам не нужно использовать вызов функции JQuery в делегированном определении событий, я думаю, что это корень проблемы. Как только вы исправите это, вы должны просто использовать $(this).

Пример:

$(document).on("click", ".delete_item" , function(){ 

var test = $(this); 
console.log(test); 
return false; //We just want get the value for now no need to parse the rest of the code. We now it works 

//rest of the ajax code ....... 
}); 

Answer 3

Изменить вашу функцию, чтобы передать событие и получить его от:

$(document).on("click", ".delete_item", function(event){ 

    //Our target (this) 
    var target = event.target; 

    var test = $(".delete_item", target); 
    console.log(test); 
    return false; 
}