count number of div by id after dynamically adding more div by sam id

Question

on page load i have following div

<div id="row_log">......</div>

at this stage if i do console.log($('#row_log').length); then i get response as 1 which is correct.

however, i have button to clone the same div, which works fine. So if the button was clicked thrice, i would now have :

<div id="row_log">.....</div> original div
<div id="row_log">.....</div> cloned div
<div id="row_log">.....</div> cloned div
<div id="row_log">.....</div> cloned div

yet console.log($('#row_log').length); would still show as 1 instead of 4

Use `class` attribute instead of `id` when you want to name and identify elements in repetition. — Zlatan Omerović, Sep 18 '19 at 13:23
@omerowitz : if would really appreciate if you would mention the same thing as answer, that way, i would be able to up-vote and select your suggestion as the right answer — Irfan Harun, Sep 18 '19 at 13:29
@IrfanHarun you'd be better off just deleting the question as it's a duplicate which has been asked many times before — Rory McCrossan, Sep 18 '19 at 13:32

score 0 · Accepted Answer · answered Sep 18 '19 at 13:27

0

The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document). Use class.

answered Sep 18 '19 at 13:27

Qui-Gon Jinn

3,722
3
25
32

score 0 · Answer 2 · answered Sep 18 '19 at 13:28

Important points :
1. Id's must be unique.
2. In case of duplicate id's JavaScript will always get the first element for you, hence the length 1.

If you are just building a dynamic list or something, you can instead use a class.

......
And then do document.getElementsByClassName(className)

count number of div by id after dynamically adding more div by sam id

2 Answers2