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

bodydom のロード時に使用可能な最も近い親に置き換える

Answer 2

編集：

目標を達成するのに役立つセレクターが呼び出されることがわかりました。has()

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