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

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