1

4つの段落タグを含むdivがあります。ページが読み込まれたときに、最初の2つの段落を表示してから、次の段落の要素を非表示にしたかったのですが、これを行う方法がわかりません。簡単にするために、以下のjsfiddleの例では、イベントをボタンに設定し、ドキュメントの準備ができたイベントに設定しました。

http://jsfiddle.net/zTCFe/4/

<div id="div">
<p>1 keep me shown</p>
<p>2 keep me shown</p>
<p>3 hide me</p>
<p>4 hide me</p>
</div>

<input type="button" value="press" id="button"/>

<script>

$('#button').click(function () {

$('#div').children().hide();

});

</script>
4

5 に答える 5

3

あなたはほとんどそこにいました：

$('#div').children(':gt(1)').hide();

:gtセレクターの詳細。

http://jsfiddle.net/gromer/Tdue6/1/

于 2012-10-11T00:05:03.160 に答える
1

:gt() セレクターを使用してそれらを選択します

于 2012-10-11T00:05:12.830 に答える
1

:gt()セレクターを使用できます：

$("#div p:gt(1)").hide();

または、.slice()jQuery オブジェクトの DOM 配列から特定の要素を選択するために使用することもできます。

$("#div p").slice(2).hide();
于 2012-10-11T00:05:36.353 に答える
1

代わりに、 .slice() を使用することもできます

$('#div').children().slice(2).hide();

http://api.jquery.com/slice/

于 2012-10-11T00:07:49.500 に答える
0

これにはCSSを使用することもできます

li:nth-child(-1n+2) {
    background: yellow;
}
于 2012-10-11T01:07:42.987 に答える