0

ページに複数の div があり、特定の div には、ページ全体に移動するためにフロートされる子 div がさらにあります。javascript を使用してウィンドウの幅を確認し、設定した div の幅を分割して表示する数を計算できるようにしたいと考えています。

2つのコードが見つかりました。1 つはウィンドウの幅を測定し、もう 1 つは 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>
4

2 に答える 2

2

特定のdivに表示するdivの数がある場合は、このコードを使用できます。

 $(#mainconetent2 > div).slice(4).hide());
于 2013-02-07T11:18:19.000 に答える
1

問題を正しく理解したかどうかはわかりませんが、JQuery は特定の要素の子を選択するための子セレクターを提供します。次に、そのパラメーターにアクセスして、必要なものを設定できます。

于 2013-02-07T10:53:20.227 に答える