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不选择我的元素？＆GT;。＆LT;

Answer 1

值得注意的是HTML 4.01 specification：

ID 和 NAME 令牌必须以字母（[A-Za-z]）开头，可能是后跟任意数量的字母，数字（[0-9]），连字符（“ - ”），下划线（“_”），冒号（“：”）和句号（“。”）。

除此之外，HTML中没有类otherHide的元素。

jQuery遍历表单元素

1 个答案: