我正在尝试使用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>
我得到的结果是:标题一。
我希望得到:第一名。标题二。标题三。标题四。
任何解决方案将不胜感激。
答案 0 :(得分: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>