2010-11-30 22 views
2

Comment masquer la première/deuxième div avec jQuery?Comment masquer div sans id/class par jquery?

Div ne peut pas obtenir d'identifiant/classe!

<body> 
<div> 
<p>ssssssss</p> 
</div> 
<div> 
<p>ttttttttt></p> 
</div> 
<div> 
<p>fffff</p> 
</div> 
</body> 

Répondre

9

Pour masquer le premier élément <div>, faire:

$("div:eq(0)").hide(); 

Pour masquer le deuxième élément <div>, faire:

$("div:eq(1)").hide(); 

Pour masquer la première et la deuxième <div> éléments, faire:

$("div:lt(2)").hide(); 
+1

+1 pour utiliser lt. –

+0

NOTE: cela ne fonctionne pas avec la console firebug ouverte! (le premier div est div # _firebugConsole) – Emmett

+1

@Emmett, bon point, utilisez '$ (" div: non (#_ firebugConsole): eq (0) ")' alors :) –

0

$("body div:nth-child(1)").hide(); peut-être? non testé

balisage HTML est nécessaire pour aider davantage

modifier - ah ha, bloc de code INSUFFISANT - mon code est toujours debout, mais je pense qu'il ya une meilleure façon

0

Vous pouvez utiliser des pseudo-sélecteurs: premier et: nth (n) ... Notez que nth (n) est basé sur zéro. Donc: nth (0) est équivalent à: first.

$('div:first').hide(); 
$('div:nth(1)').hide(); 
0

pour cacher l'enfant div 1 et de l'enfant div 2 (ou 3 ou 4)

$('body div:nth-child(1),body div:nth-child(2)').hide(); 

nième enfant est le décalage et la virgule seperates quels sont ceux .. au cas où vous vouliez garder div # 2 il pourrait être

$('body div:nth-child(1),body div:nth-child(3)').hide();