Javascript JQuery在ajax HTML上绑定并获取类实例值
我使用Jquery的load方法根据用户的输入返回结果:Javascript JQuery在ajax HTML上绑定并获取类实例值,javascript,jquery,Javascript,Jquery,我使用Jquery的load方法根据用户的输入返回结果: $('#textbox').bind('input propertychange', function() { $('#textbox').load('searchurl/'+$("#textbox").val() ); }); 我需要加载的内容仍能响应单击,因此我使用以下代码: $(document).on("click", '.lightbox', function(event) { //do so
$('#textbox').bind('input propertychange', function() {
$('#textbox').load('searchurl/'+$("#textbox").val() );
});
我需要加载的内容仍能响应单击,因此我使用以下代码:
$(document).on("click", '.lightbox', function(event) {
//do some stuff
});
在这一点上,一切都很顺利。但是,我想从.lightbox类中获取一个属性。this.attr将引用已单击的文档,而不是.lightbox类。如何引用.lightbox属性?正如@Ehsan在评论中已经说过的,
$(this).attr()将执行您想要的操作。我做了一个小报告:
$(文档)。在(“单击“,”.lightbox',函数(事件){
警报($(this.attr(“id”))
});
$(this),attr()将获得单击的元素attributeAh。我觉得很简单。只是在谷歌上找不到合适的组合
<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"))
});