JQuery绑定ajax HTML并获取类实例值

JQuery bind on ajax HTML and get class instance value

本文关键字：实例 获取 绑定 ajax HTML JQuery      更新时间：2023-09-26

我使用Jquery的load方法来根据用户的输入返回结果:

$('#textbox').bind('input propertychange', function() {
        $('#textbox').load('searchurl/'+$("#textbox").val() );
});

我需要我加载的内容仍然响应点击，所以我使用以下代码:

$(document).on("click", '.lightbox', function(event) { 
        //do some stuff
});
在这一点上，一切都很顺利。然而，我想从我的。lightbox类获得一个属性。这一点。Attr将引用文档，而不是被单击的.lightbox类。我如何引用。lightbox属性?

正如@Ehsan在评论中已经说过的，$(this).attr()会做你想做的。我做了一个小的jsFiddle示例:

<input type="button" value="click me" class="lightbox" id="attr1">
<input type="button" value="click me" class="lightbox" id="attr2">
<input type="button" value="click me" class="lightbox" id="attr3">
$(document).on("click", '.lightbox', function(event) { 
        alert($(this).attr("id"))
});
相关文章：