count div elements with the same id JQUERY

Question

I created a more than one DIV with the same ID. I want to keep track of the number of DIV's by using JQUERY. This one does not seem to work.

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

The result is always 1 even though there is more than one of them.

Answer 1

Give class name for div and paste the below code.. It will give the count.

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

Answer 2

Having same id multiple times is not recommended by W3C. See what they say about it.

The id attribute specifies a unique id for an HTML element (the id attribute value must be unique within the HTML document). The id attribute can be used to point to a style in a style sheet. The id attribute can also be used by a JavaScript (via the HTML DOM) to make changes to the HTML element with the specific id.

Suggestion:

Use class name for all the divs you want to group and use this selector:

$('.myClassName')

See these references for more:

1. Why do Ids need to be unique