如何从点击事件中分配子元素

Question

有人可以帮我这个吗？有HTML代码：

<h3>
    <label>
        <input type="checkbox" name="country" value="us" /> United States
    </label>
</h3>
<p>Some content goes here</p>

我想通过点击 h3 标记切换 p 元素，但如果点击标签<我不想切换/强>

$('h3').click(function() {
   // Does something goes here?
   $(this).next('p').toggle();
}

Answer 1

您需要检查操作的目标

$('h3').click(function(e) {
   // if they clicked the h3 only
   if (this == e.target) {
     $(this).next('p').toggle();
   }
}

altCognito的建议也可以，但它是更多的代码。

Answer 2

你想停止传播（）

$('h3').click(function() {
   // Does something goes here?
   $(this).next('p').toggle();
}
$('label').click(function(e) {
   e.stopPropagation();
}