对具有相同id的div元素进行计数JQUERY

对具有相同id的div元素进行计数JQUERY,jquery,html,css,Jquery,Html,Css,我创建了多个具有相同ID的DIV。我想使用JQUERY跟踪DIV的数量。这个似乎不起作用 var divid = "123456"; var count_id_len = $("#parentdiv").find("#"+divid).length; console.log(count_id_len); 结果总是1,即使有多个结果 为div指定类名并粘贴下面的代码。。 它将给出计数 var conveniancecount = $("div[class*='conveniancecount']

我创建了多个具有相同ID的DIV。我想使用JQUERY跟踪DIV的数量。这个似乎不起作用

var divid = "123456";
var count_id_len = $("#parentdiv").find("#"+divid).length;
console.log(count_id_len);

结果总是1,即使有多个结果

为div指定类名并粘贴下面的代码。。 它将给出计数

var conveniancecount = $("div[class*='conveniancecount']").length;

W3C不建议多次使用相同的id。看看他们怎么说

id属性为HTML元素指定一个唯一idid属性值在HTML文档中必须是唯一的)。 id属性可用于指向样式表中的样式。 id属性也可以被JavaScript(通过htmldom)用来更改具有特定id的HTML元素

建议:

对要分组的所有div使用类名,并使用此选择器:

$('.myClassName')
有关更多信息,请参阅这些参考资料:


也许这对您有用:

我一直在进行内部ajax调用,在某些情况下,容器可能一次又一次地开始包装内部。我的解决办法是:

jQuery("div[id='yourWrapper_1']").length
尝试将其展开,因为您不应该在DOM上重复ID

希望对你有帮助


问候

ID必须是唯一的。元素的ID必须是唯一的,请使用
class
/其他属性对类似元素进行分组。这就是为什么,谢谢。这是个好主意。我试试看。我会再打给你的。如果你把解决方案标记作为回答或者在这里发表评论,我会澄清你的疑问。
$('.yourclassName')
?@Sasidharan,因为在你的选择器中,所有div都会被选择,类名为
myconveniancecount,conveniancecounted,
等。我发现,在调查导致添加重复DOM元素的错误时,能够使用重复ID计算DOM元素的数量非常有用。是的,这是无效的HTML,但是能够对它们进行计数以进行bug调查仍然很有用。