如何使用javascript顯示某個div內的第n個div？

我在一個頁面上有多個div，而在某個div中有更多的子div可以浮動以穿過頁面。我希望能夠使用JavaScript來查看窗口的寬度，然後劃分div的設置寬度以計算出要顯示的數量。如何使用javascript顯示某個div內的第n個div？

我找到了2件代碼。一個測量窗口寬度，另一個切割div並隱藏其餘部分。

$('div').slice(4).hide(); 



var width = $(window).width(); 
$(window).resize(function(){ 
    if($(this).width() != width){ 
     width = $(this).width(); 
     console.log(width); 
     alert(width); 
    } 
});

我的問題是如何選擇只在我指定div的div。我已經嘗試過，但它沒有奏效。甚至不知道我要去的方向是正確

$("#mainContent2").append(('div').slice(4).hide());

是javascrpt正確的方式去這或將CSS能夠做什麼，我之後？

非常感謝

編輯：HTML

<div id='mainContent> 
<p></p> 
<div> 
<div id='mainContent2'> 
<div><img></img><p></p></div> 
<div><img></img><p></p></div> 
<div><img></img><p></p></div> 
<div><img></img><p></p></div> 
<div><img></img><p></p></div> 
</div>

來源

2013-02-07 Mark

$（＃mainconetent2）。應該是$（'＃mainconetent2'），注意 - >'也可能是拼寫錯誤的主要內容。 – Alex

@Alex這裏只是一個輸入錯誤。沒有錯誤的項目。雙重檢查。 – Mark

CSS將是更好的選擇。並請顯示相關的HTML。 – Popnoodles

如果你有div的數量來顯示特別是div，那麼你可以使用這個代碼。

$(#mainconetent2 > div).slice(4).hide());

來源

2013-02-07 11:18:19 Dharmendra

我不知道我是否理解正確的話您的問題，但jQuery提供了child-selector選擇特定元素的兒童。然後你可以訪問它的參數，並可以設置任何你想要的。

來源

2013-02-07 10:53:20 bertl

如何使用javascript顯示某個div內的第n個div？

回答

相關問題