jQuery count child divs

Question

<ul>
    <li class="title" data-count="1" data-time="9000" data-title="unicorn">
    <li class="title" data-count="2" data-time="2000" data-title="giraffe">
    <li class="title" data-count="3" data-time="3000" data-title="dog">
    <li class="title" data-count="4" data-time="7000" data-title="cat">
    <li class="title" data-count="5" data-time="1000" data-title="dinosaur">
</ul>

正如您所看到的，data-count="/"只是一个反击。你有什么想法用jQuery自动化这个，我没有任何想法。谢谢你的回答。

我认为变量可以使用这样的东西：

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

PS：我不仅要求免费代码，欢迎提出建议！

Answer 1

试试这个：

＆＃13;

＆＃13;

var a = $("ul li");

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li class="title" data-time="9000" data-title="unicorn">A</li>
    <li class="title" data-time="2000" data-title="giraffe">B</li>
    <li class="title" data-time="3000" data-title="dog">C</li>
    <li class="title" data-time="7000" data-title="cat">D</li>
    <li class="title" data-time="1000" data-title="dinosaur">E</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

jQuery.each

的文档

Answer 2

清洁一个......

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

......另一个......

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

如果您有其他列表，请注意使用节点名称作为选择器。

Answer 3

您可以使用lenght属性来计算div中有多少元素：

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li class="title" data-count="1" data-time="9000" data-title="unicorn">
    <li class="title" data-count="2" data-time="2000" data-title="giraffe">
    <li class="title" data-count="3" data-time="3000" data-title="dog">
    <li class="title" data-count="4" data-time="7000" data-title="cat">
    <li class="title" data-count="5" data-time="1000" data-title="dinosaur">
</ul>

Answer 4

你可以直接检查

$('li.title').length

它将为你提供课程'标题'计数