如何獲得與特定類div的長度

我有一些問題在獲得與特定類的div的長度。如何獲得與特定類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>

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

在這裏它被表示爲零，這是錯誤的長度。

請幫我在做什麼錯

Demo Here

來源

2015-11-02 user5309698

使用'。 ['$（「.sampleDiv」）.find（ '.LIST-tasks12：當量（1） '）.find（' .slot'）.length']（https://jsfiddle.net/tusharj/4qrc8hw8/1 /）或'$（'＃sampleDiv .list-tasks12：last.slot'）。長度' – Tushar

你的'.list-tasks12' divs分別是第三和第四個孩子 –

試試這個

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

來源

2015-11-02 05:42:10 satishkumar

警報無法正常工作，因爲<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：代替第n個孩子的eq`：https://jsfiddle.net/b1hsp30j/

來源

2015-11-02 05:45:43

感謝您的詳細解釋。 – user5309698

如何獲得與特定類div的長度

回答

相關問題