javascript - jquery-如何检测 child 的ID？

Question

<div id="first">
    <div id="here">...</div>
</div>
<div id="second">
    <div id="here">...</div>
</div>

j查询:

$("#second #here").click(function(){});

如何编写 jquery 来检测我何时单击第二个？

Answer 1

这是一个错误的问题，因为您不应该在文档中有重复的 ID。 ID 就像元素的社会安全号码。你不能给多个元素相同的元素，因为这样当你告诉 Javascript 通过 ID 找到一个元素时，它会因为不止一个元素而非常困惑，并给你意想不到的结果。 ID 查找如此之快的原因是因为浏览器可以有一个 ID-> 元素的哈希表 - 至少可以说，违反这种理解是一种不好的做法。

当您有多个元素都属于同一“类型”时，正确的做法是对它们进行分类:

<div id="first">
    <div class="here">...</div>
</div>
<div id="second">
    <div class="here">...</div>
</div>

那么你可以这样做:

$('#first').find('div.here');

或者:

$('div.here', '#second');

或者:

$('#first div.here');

它们都会返回您期望它们返回的内容。