jQuery選擇當一個子元素滿足準則

Question

我有以下代碼：

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

我需要編寫一個jQuery選擇：

任何時候點擊錨有它內部的一個標籤類=「圖標豎起大拇指」，然後......

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 
});