jquery - jquery每个div问题

Question

我需要获取具有给定 id 的所有 div，但 jquery 每个函数只获取第一个。

例子：

<div id="#historial">some html code</div>
<div id="#historial">some html code</div>
<div id="#historial">some html code</div>
<div id="#historial">some html code</div>

脚本：

$("#historial").each(function() {
alert("one div");
});

如果我通过一个锚 oa id + 锚 ej $("#lala a") 就可以了。

怎么了？

BR

Answer 1

您只能为页面中的一个元素使用特定的 id。改用一个类：

<div class="historial">some html code</div>
<div class="historial">some html code</div>
<div class="historial">some html code</div>
<div class="historial">some html code</div>

$(".historial").each(function(e) {
  alert("one div");
});

Answer 2

ID 应该是唯一的，页面上应该只有一个具有特定 ID 的元素。

如果您需要对这些 DIV 进行分组，请改用“类”。

<div class="historial">some html code</div>
<div class="historial">some html code</div>
<div class="historial">some html code</div>
<div class="historial">some html code</div>

因此，修改后的 jQuery 使用“历史”类查找每个 DIV 如下所示：

$("div.historal").each(function() {
    alert($(this).text());    //Prints out the text contained in this DIV
});

另外，一个旁注 - # 由 jQuery 使用，而不是 HTML 标记 - 例如，如果你有一个像这样的 DIV

<div id="historal">stuff</div>

你会发现使用 jQuery 是这样的：

$("#historal")