从具有相同ID的多个div中获取数据 - jquery [重复]
Posted
技术标签:
【中文标题】从具有相同ID的多个div中获取数据 - jquery [重复]【英文标题】:Get data from multiple divs with the same id - jquery [duplicate] 【发布时间】:2018-12-27 21:42:07 【问题描述】:我正在尝试使用 jquery 从共享相同 id 的多个 div 中获取数据,但是每次我只获得第一个 div 数据。
代码:
$(document).ready(function()
if($('[id="title"]').length > 0)
console.log($('[id="title"]').html());
);
<div id="title">Title one.</div>
<div id="title">Title two.</div>
<div id="title">Title three.</div>
<div id="title">Title four.</div>
我得到的结果是:标题一。
我希望获得:第一名。标题二。标题三。标题四。
任何解决方案将不胜感激。
【问题讨论】:
因为网络标准要求 id 在文档中是唯一的。改用一个类,不要再试图规避预期的做法。 你为什么不使用类?或者使用具有该 ID 的父 div 标题一。 标题二。 看看这个***.com/questions/9233191/… 【参考方案1】:您不能在多个 div 上使用相同的 ID,请改用类,如 .title
这将遍历标题的数量并返回其中的每个文本。现在我正在使用 for 循环来执行此操作,存在诸如 foreach 之类的选项。
$(document).ready(function()
/* How the Magic Works:
var amount = $(".title").length;
for (i = 0; i < amount; i++)
console.log($(".title").eq(i).text());
*/
// Can also be simplified to this thanks to Taplar
$(".title").each(function()
console.log($(this).text());
);
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">Title one</div>
<div class="title">Title two</div>
<div class="title">Title three</div>
<div class="title">Title four</div>
【讨论】:
以上是关于从具有相同ID的多个div中获取数据 - jquery [重复]的主要内容,如果未能解决你的问题,请参考以下文章
从 Clob 列中提取 XML 标记值,在 Oracle 中具有多个具有相同名称的标记
如何从 <p> 标记中的数据库中获取值并将它们发布到具有相同 ID 的数据库中