jQueryでfirst/second divを非表示にする方法は?jqueryでid/classなしのdivを非表示にするにはどうすればいいですか?
DivはID /クラスを取得できません。
<body>
<div>
<p>ssssssss</p>
</div>
<div>
<p>ttttttttt></p>
</div>
<div>
<p>fffff</p>
</div>
</body>
jQueryでfirst/second divを非表示にする方法は?jqueryでid/classなしのdivを非表示にするにはどうすればいいですか?
DivはID /クラスを取得できません。
<body>
<div>
<p>ssssssss</p>
</div>
<div>
<p>ttttttttt></p>
</div>
<div>
<p>fffff</p>
</div>
</body>
、行う:
$("div:eq(0)").hide();
を第<div>
要素を非表示にするには、行う:
$("div:eq(1)").hide();
を第一及び第二<div>
要素の両方を非表示にするには、 do:
$("div:lt(2)").hide();
$("body div:nth-child(1)").hide();
おそらく?テストされていない
HTMLマークアップをさらに支援するために必要とされている
編集 - ヘクタールああ、コードブロックが失敗する - 私のコードはまだ立っているが、私はより良い方法があります疑う
あなたは擬似セレクターを使用することができます。最初にand:nth(n)... nth(n)はゼロベースであることに注意してください。したがって:nth(0)は:firstと等価です。最初<div>
要素を隠すために
$('div:first').hide();
$('div:nth(1)').hide();
$('div:lt(2)').hide();
2(または3または4)
$('body div:nth-child(1),body div:nth-child(2)').hide();
n番目の子がオフセットされ、カンマが...場合には、あなたがdiv要素を維持したいどれアウトseperates子div要素1と子のdivを非表示にします#2それは可能かもしれない
$('body div:nth-child(1),body div:nth-child(3)').hide();
+1 ltを使用するために。 –
注:これは開いているFirebugコンソールでは機能しません! (最初のdivはdiv#_firebugConsoleです) – Emmett
@Emmett、良い点は、 '$(" div:not(#_footbugConsole):eq(0) ")'を使用します:) –