jquery - 为什么我使用 jquery.val() 得到 "undefined"？

Question

目标:读入一组文本框的当前值。如果该值为“无”，则将该值替换为提供的值。一旦值改变就停止。

当我使用 span 和 .text() 而不是文本框和 .val() 时，一切正常。然而，文本框是表单的一部分。

知道为什么它会返回“未定义”吗？

(基本上我是根据用户输入创建一个列表)

html:

<input type="text" name="class1" value="None" ><br>
<input type="text" name="class2" value="None" ><br>
<input type="text" name="class3" value="None" ><br>
<input type="text" name="class4" value="None" ><br>
<input type="text" name="class5" value="None" ><br>

jquery:

function compareClass(a)
   {
      var input = a;
      for(x=1;x<6;x++)
      {
         var classText = $('.class'+x).val();
         if(classText == "None")
         {
            $('.class'+x).val(input);
            break;
         }
      }      
   }

Answer 1

您告诉 jQuery 查找具有 class class[x] 的元素，但您正在分配 name 。

您可以将 name 属性更改为 id :

<input type="text" id="class1" value="None" ><br>
<input type="text" id="class2" value="None" ><br>
<input type="text" id="class3" value="None" ><br>
<input type="text" id="class4" value="None" ><br>
<input type="text" id="class5" value="None" ><br>

并通过 ID 获取:

var classText = $('#class'+x).val(); // Note the #!

(显然，“class”现在作为名称可能没有任何意义)

或者，您实际上可以使用 class 属性，但 CSS 类可以分配给多个元素，因此它在这里不太合适。