2010-07-14 4 views
0

donc j'ai un peu de mal à obtenir un certain div à afficher surclic. N'importe quels preneurs?jQuery Selector

HTML

<div style="float:left;width:40px;"> 
<span class="productControl" style="position:relative;"> 
    <div class="productMenuHolder" style="display:none;"> 
    <ul class="productMenuList"> 
     <li class="productMenuItem">Add to Collection</li> 
     <li class="productMenuItem">Share</li> 
    </ul> 
    </div> 
</span> 
</div> 

jQuery

$("span.productControl").click(function(){ 
    $(this).next().show(); 
}); 

Le productMenuHolder ne semble pas apparaître!

+0

Utilisez-vous $ (function() {...}); 'pour vous assurer que vos gestionnaires sont liés? Aussi, pourquoi votre portée contient-elle votre div? Cela causera des problèmes plus tard. –

Répondre

3
$(this).find('.productMenuHolder').show() 

Je vous suggère de regarder un peu plus près au balisage.

+0

Merci @meder. Pourquoi .next ne fonctionne pas? (J'accepterai votre réponse, mais la pile me laissera le faire en 9 min) – st4ck0v3rfl0w

+0

prochain signifie le prochain frère, pas l'enfant. span possède div. –

+0

Ahh ... stupide stupide stupide :: frapper la tête avec les mains :: En guise de suivi, comment pourrais-je faire pour que la popup pop se cache quand quelqu'un clique n'importe où mais le div produitMenuHolder? – st4ck0v3rfl0w