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个链接之间的唯一区别是 name属性。

我遇到的问题是，这些链接是通过$.post()方法

动态注入HTML文档的

我试图在单击删除链接时获取name属性，但是当我使用$(this)属性结合使用时，它似乎不起作用。

有人可以帮助我获取点击事件中.delete_item链接的$(this) attr。

任何帮助都会非常感激。提前致谢

$(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

您不需要在委派的事件定义中使用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 2

试试这个

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

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


 });

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;
}

如何在委托事件上获得$（this）

3 个答案: