jquery - ドキュメント内のクリック イベントをフィルター処理する

Question

私は次のコード魔女が正常に動作しています:

$(document).on('click','.with-hidden-caption', function(){
    if (window.matchMedia("(min-width: "+colum+")").matches || !$(this).parents(".my-wrapper").length) {
        $(this).toggleClass('show-caption')
        $(this).find('figcaption').slideToggle("fast");
    }
});

ここで、.with-hidden-caption' がどこでクリックされているかによって、toggleClass がクリックされている場所を調べたいと思います。言い換えれば、クリックがnewToolBarにある場合、それは実行されません。

ここに私のHTML：

    <figure class="with-hidden-caption">
<figcaption>Hello    
   <div class="newToolBar"> if here is clicked do something else but not $(this).toggleClass('show-caption') </div>
          </figcaption>
                            </figure>

どうすれば入手できますか。

Answer 1

試す

$(document).on('click','.with-hidden-caption', function(){
    if($(e.target).closest('.newToolBar').length) return
    if (window.matchMedia("(min-width: "+colum+")").matches || !$(this).parents(".my-wrapper").length) {
        $(this).toggleClass('show-caption')
        $(this).find('figcaption').slideToggle("fast");
    }
});