onclick事件处理程序，用于特定div的元素

Question

我有一个事件处理程序，我只想在特定div id = active中的单击时触发。见下文。

DOM：

<div id='notactive'>
    <span>text</span>
</div>
<div id='active'>
    <span)text2</span>
</div>

无法按计划运行的事件处理程序：

$( "span" ).click(function() {
    alert("active");
}

Answer 1

您想要#active的孩子：

$('#active span').on('click', function () {
  alert('active');
});

Answer 2

这样做，只有在id为active的div的情况下才会触发此事件：

$('div#active span').on('click', function () {
  alert('active');
});