我可以使用它来引用委托元素的选择器吗？

Question

例如：

$('#enquiry-form').on('click','.close', function(){ 
    $(this)..code..
});

$(this)会引用'.close'，但有没有办法以与使用javascript的$('#enquiry-form')或this类似的方式引用$(this)？

Answer 1

是的，您可以使用$(this).parent(). ...

来推荐它

Answer 2

您可以使用event.delegateTarget获取委派的目标。

<强> Live Demo

$('#enquiry-form').on('click','.close', function(event){ 
     alert($(event.delegateTarget)[0].id);
});

  

此属性最常用于附加的委派事件   .delegate（）或.on（），其中事件处理程序附加在   正在处理的元素的祖先。它可以用于，例如，   在委派点jQuery Doc识别和删除事件处理程序。

Answer 3

如果您有多个具有相同选择器的父dom（比如classname enquiry-form），则可以将.closest()与this一起使用：

$(this).closest('.enquiry-form');//would be $(this).closest('#enquiry-form') in your case

但由于ID是唯一的，您可以简单地使用：

$('#enquiry-form')

Answer 4

您可以使用parents或closest

 $(this).parents('#enquiry-form')

或

 $(this).closest('#enquiry-form')

Answer 5

当然，您必须以这种方式调用您的代码：

$('#enquiry-form').on('click','.close', function(){ 
    $(this).parent().code..
});

DEMO