jQuery count child divs

Question

As you can see the data-count="/" is just a counter. Do you have any ideas to automate this with jQuery, I haven't any ideas. Thanks for answers guys.

I think a variable could work with something like this:

var DivCount = X
$('.title').attr('data-count', DivCount);

PS: I don't ask only for free code, suggestions are welcome!

user_2968762 · Answer

Try this:

var a = $("ul li");

jQuery.each(a, function(i, v) {
  $(v).attr("data-count", i + 1);
});

Documentation for jQuery.each

user_2973393 · Answer

Clean one...

for(var i = 1; i <= $('.title').length; i++) {
    $('.title').attr('data-count', i);
}

... another one...

$('.title').each(function(i, element) {
    $(element).attr('data-count', i + 1);
});

Pay attention on using node names as selectors, in case you have other lists.

user_6542186 · Answer

You can use lenght propertie to count how many elements there are inside a div:

console.log($("ul > li.title").length)

user_8283421 · Answer

you can directly check

$('li.title').length

It will give you li with class 'title' count

jQuery count child divs

4 Answers