Question

我在使用特定类获取div的长度方面存在一些问题。

HTML

<div class="sampleDiv">
    <div class="e"></div>
    <div class="e"></div>

    <div class="list-tasks12">
        <div class="slot"></div>
    </div>

    <div class="list-tasks12">
        <div class="slot"></div>
        <div class="slot"></div>
        <div class="slot"></div>
    </div>
</div>

JS

alert($(".sampleDiv").find('.list-tasks12:nth-child(1)').find('.slot').length)

这里显示长度为零，这是错误的。

请帮助我做错了

Demo Here

Answer 1

试试这个

$(".sampleDiv").find('.list-tasks12').eq(0).find('.slot').length

Answer 2

警报无法正常运行，因为<div class="e"></div>也是父div的子项。您应该从<div class="sampleDiv">容器中删除它们或计算它们 - 所以如果您想要第一个孩子<div class="list-tasks12">，您应该计算两个<div class="e"></div>容器并使用以下脚本：

alert($(".sampleDiv").find('.list-tasks12:nth-child(3)').find('.slot').length);

对于第二个<div class="list-tasks12">孩子，你应该使用：

alert($(".sampleDiv").find('.list-tasks12:nth-child(4)').find('.slot').length);

这是一个jsfiddle：https://jsfiddle.net/b1hsp30j/

如何获得特定班级

2 个答案: