Pourquoi la fonction jQuery renvoie null?

Question

Je possède ce formulaire:

<form action="javascript:;" class="iceFrm" enctype="application/x-www-form-urlencoded" id="frmMainMenu" method="post" onsubmit="return false;"> 
..... 
</form> 

Je ne comprends pas pourquoi ce script:

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#frmMainMenu").$("#menuPopupAP").$("#menuItem0").$("#out").css('padding','0 0 0 29px'); 
}); 
</script> 

dit:

$("#frmMainMenu") est nul

dans Firebug.

MISE À JOUR: Ceci est l'élément html (du formulaire ci-dessus) Je veux changer le rembourrage sur:

<span id="frmMainMenu:menuPopupAP:menuItem0:out" class="iceOutTxt iceMnuItmLabel graMenuPopupMenuItemLabel">My Applications</span> 

Mise à jour 2:

J'ai oublié de mentionner que cette span est dans un menu, donc, fondamentalement, il est caché normalement et affiché uniquement lorsque vous passez la souris sur un div ... Est-ce que jQuery le trouve même s'il n'est pas affiché?

Savez-vous pourquoi?

Answer 1

$('#frmMainMenu:menuPopupAP:menuItem0:out').css('padding','0 0 0 29px'); 

$('span[id="frmMainMenu:menuPopupAP:menuItem0:out"]').css('padding','0 0 0 29px'); 

Vous devez utiliser la syntaxe [id="value"], parce que dans un sélecteur jQuery le : peut être utilisé comme un sélecteur, donc il ne se rend pas compte que le Les ID peuvent les contenir.

Answer 2

Mise à jour après votre mise à jour de la question:

$('#frmMainMenu\3AmenuPopupAP\3AmenuItem0\3Aout').css('padding','0 0 0 29px'); 

Vous ne pouvez pas utiliser le : dans votre sélection mais vous pouvez utiliser l'équivalent hexadécimal - \3A

Il y a peu d'autres solutions de contournement sur this SO thread.

---

Est-que vous essayez de rechercher les enfants de frmMainMenu? Essayez ceci à la place:

$(document).ready(function() { 
      $("#frmMainMenu").find("#menuPopupAP") 
          .find("#menuItem0") 
          .find("#out") 
          .css('padding','0 0 0 29px'); 
}); 

Answer 3

Ce n'est pas ça - c'est l'un des enfants qui est nul. Vous devez changer votre script pour quelque chose comme ça

<script type="text/javascript"> 
$(document).ready(function() { 
      $("#frmMainMenu #menuPopupAP #menuItem0 #out").css('padding','0 0 0 29px'); 
     }); 
     </script> 

Answer 4

Certes, vous ne voulez pas dire utiliser # chaque fois (sinon vous pouvez simplement utiliser #out, mais il semble que ce devrait être quelque chose comme

$ ("# frmMainMenu .menuPopupAP .menuItem0 .out"). css (...

Answer 5

Je ne sais pas exactement pourquoi vous obtenez l'erreur null, mais si votre intention est d'appliquer ce style à ces quatre éléments spécifiques la syntaxe devrait être:

$("#frmMainMenu, #menuPopupAP, #menuItem0, #out").css('padding','0 0 0 29px'); 

Si (et je ne peux pas dire car nous avons donné un échantillon de balisage insuffisant) ces quatre éléments sont des nœuds successifs dans une hiérarchie (c.-à-d. #out est un enfant de #menuItem est un enfant de #menuPopupAp est un enfant de #frmMainMnenu) alors supprimez les virgules entre eux.

EDIT colons dans un ID? Cela causera des problèmes avec les sélecteurs jQuery. Essayez d'utiliser un trait de soulignement à la place?

Answer 6

Pouvez-vous poster ce que vous avez besoin d'accomplir? de votre sélecteur, je pense que vous prenez une approche sélective pour interagir avec votre DOM.