jQuery - on（）函數當一個div被點擊時，但不是當該div的孩子被點擊時

Question

我有一個大的矩形父div，裏面有很多子div。我有一個on（click）函數，它在父div被點擊時運行，但是默認情況下，它也會在父div中的任何內容被點擊時運行（包括子項）。

但是，我不希望on（click）函數在單擊父項的一個特定子項時運行。我該如何做一個選擇器，選擇父div以及除了這個孩子之外的所有東西？

感謝

<div class="box""> 

<div class="overlay"><div id="text"></div></div> 
<div class="slide"> 
    <div class="slideleft"></div> 
    <div class="slideright"> 
     <span class="upvote">Upvote</span> 
     <span class="counter"></span> 
    </div> 
</div> 

</div> 

現在，這一切中的「盒子」的div，你可以看到發生了什麼here演示。如果您在點擊一個盒子後點擊了upvote按鈕，那麼這個東西就會滑回去，我不希望它。這是我想現在就用這個​​代碼，但它不工作：

$("body").on("click", ".box", function(e){ 
     if(e.target.class == 'upvote') { 
      return false; 
     } else { 
       $(this).children('.slide').slideToggle(150); 
       $(this).children('overlay').css('background-color', 'rgba(0,0,0,0)'); 
      } 
}); 

Answer 1

Working Fiddle

$("body").on("click", ".box", function (e) { 
if (e.target.className != 'upvote') { 
    $(this).children('.slide').slideToggle(150); 
    $(this).children('.overlay').css('background-color', 'rgba(0,0,0,0)'); 
} 
}); 

Answer 2

你可以做這樣的：

$('.child').on('click', function(e){ 
    e.stopPropagation(); 
}); 

Demo