jquery - 子元素满足条件时的jquery选择器

Question

我有以下代码：

<a href="#" class="btn">
<i class="icon-thumbs-up"></i>
</a>

我需要为以下内容编写一个 jQuery 选择器：

每当单击其中包含 class='icon-thumbs-up' 标记的锚点时，然后...

Answer 1

只需使用.has()方法

$('a').has('.icon-thumbs-up').click(){ // <-- all anchor that has descendant with class .icon-thumbs-up
     // code here
});

如果元素被动态更改/添加..您可以使用委托

$('body').on('click','a', function(){
     if($(this).has(".icon-thumbs-up")){
         //code here
     }
});

替换body为加载 dom 时可用的最近的父级

Answer 2

编辑：

事实证明，有一个选择器has()可以帮助您实现目标：

$('body').on("click", "a:has(.icon-thumbs-up)", function(){
      // do something
});