jQuery traversant des éléments de formulaire

Question

J'essaie de masquer une étiquette de formulaire et une zone de texte, par défaut, et de les faire apparaître lorsqu'une option est sélectionnée. Je ne peux pas voir pourquoi mon code continue d'échouer.

<tr> 
    <td><label>My Label</label></td> 
    <td> 
     <select name="1" id="1"> 
     <option value="2" selected="selected">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 

     <option value="Other">Other</option> 
     </select> 
    </td> 
    <td><label class=".otherHide">Other</label></td> 
    <td><input class=".otherHide" type="text" name="otherSpec" id="otherSpec" /></td> 
</tr> 

jQuery(document).ready(function() 
{ 
    jQuery('#1').change(function() 
    { 
     jQuery('#1 option:selected').each(function() 
     { 
     if (jQuery(this).text() == 'Other') 
     { 
      jQuery('.otherHide').each(function() 
      { 
       jQuery(this).animate({opacity: 0.0}, 2000); 
      }); 
     } 
     }); 
    }).change(); 
}); 

Il est actuellement configuré pour masquer les éléments de formulaire pour lesquels je testais.

À l'origine, je n'utilisais pas les classes et j'ai essayé de les traverser. Faute de cela, j'ai eu recours aux cours et j'ai fini par échouer.

Pourquoi jQuery ne sélectionne-t-il pas mes éléments? >. <

Answer 1

Il convient de noter de la HTML 4.01 specification:

ID et jetons NOM doivent commencer par une lettre ([A-Za-z]) et peut être suivi par un certain nombre de lettres , chiffres ([0-9]), traits d'union ("-"), traits de soulignement ("_"), deux-points (":") et périodes (".").

Autre que cela, il n'y a aucun élément avec la classe otherHide dans votre HTML.