2009-07-07 7 views
2

Comment puis-je définir display:none à ul si seulement un seul enfant est présent?Si un seul enfant (li # dansThis), retirez-vous (ul # section)

Ce ul serait caché, car il n'a qu'un seul li

<ul id="section"> 
    <li id="inThis">In this section:</li> 
</ul> 

Mais cette ul ne serait pas caché, car il y a plusieurs li s

<ul id="section"> 
    <li id="inThis">In this section:</li> 
    <li>Item 1</li> 
    <li>Item 2</li> 
</ul> 

Répondre

13
if($("#section li").length == 1) 
{ 
    $("#section").hide(); 
} 
+0

Nice et compact. Je vous remercie! – Rick

+2

pas besoin de == 1 – redsquare

+0

@redsquare Voilà pourquoi je déteste JavaScript ;-) –

0

// cette est un sens

if($('#section li').length == 1){ 
    $j(this).parent().css('display', 'none'); 
} 
+0

Tant de façons de faire la seule chose. Je vous remercie :) – Rick

7
$("ul li:only-child").parent().hide(); 
Questions connexes