jQuery элементы формы перемещения

Question

Я пытаюсь скрыть метку формы и текстовое поле по умолчанию и сделать их отображаемыми при выборе опции. Я не понимаю, почему мой код не работает.

<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(); 
}); 

В настоящее время он установлен, чтобы скрыть элементы формы, почему я тестировал.

Я изначально не использовал классы и пробовал себя в том, чтобы пересечь его. В противном случае я прибегал к занятиям и закончил неудачу.

Почему jQuery не выбирает мои элементы? >. <

Answer 1

Стоит отметить, из HTML 4.01 specification:

ID и NAME лексемы должны начинаться с буквы ([A-Za-Z]) и может быть следовать любое количество букв , цифры ([0-9]), дефисы ("-"), символы подчеркивания ("_"), двоеточия (":") и периоды (".").

Кроме этого, в вашем HTML-коде отсутствует элемент с классом otherHide.