jquery - 为 .delegate() 只选择第一级元素

Question

使用 .delegate() 时如何仅选择元素的第一级子元素？

假设我有以下 HTML:

<div id="list">
  <div>Item 1<div>Item 1-1</div></div>
  <div>Item 2</div>
  <div>Item 3</div>
</div>

当我这样做时$('#list').delegate('div', 'click', function(e) {}) ，元素<div>Item 1-1</div>将包含(对吗？)在处理程序中。如何只选择 #list 的第一级子元素那么用这个方法呢？

Answer 1

您可以执行以下操作来仅选择直接子项:

$('#list').delegate('#list > div', 'click', function(e) {});