Question

$("#wrapDiv").on( "click", ".el", function(){
   //do sth
   //how to reference .el here?
   //$(this) references #wrapDiv
})

如何在jquery on()事件中引用后代？

Answer 1

$(this)应该已经返回了正确的事件来源。

但是，我认为你所寻找的是事件的目标。

$("#wrapDiv").on( "click", ".el", function(event){
   //do sth
   //how to reference .el here?
   //$(this) references #wrapDiv

   //event.target references .el or anything within it
   console.log(event.target);
})

event.target返回发出点击的最低元素。

Answer 2

您可能正在寻找活动的目标：

$("#wrapDiv").on( "click", ".el", function(ev){
   //do sth
   //how to reference .el here?
   $(ev.target).html("Clicked here");
})

Answer 3

$(this)将引用后代，除非没有指定。

我做了一个小提琴来证明：）

HTML：

<div id="someDiv">
    <label id="I'm label">asdasd</label>
</div>

Javascript：

$('#someDiv').on('click', 'label', function(){
    alert($(this).attr('id')); 
})

$（selector）.on（事件，后代，处理程序） - 如何引用后代？ $（this）获取选择器

3 个答案:

Fiddle