使用jquery选择正确的输入字段

Question

我正在尝试在代码中选择动态输入字段的ID。单击按钮时，表单将创建一个表单域，如下所示：

<td><input type="text" id="field_a_1"></td>
<td><input type="text" id="field_b_1"></td>
<td><input type="text" id="field_c_1"></td>

当我再次点击该按钮时，我得到了这个：

<td><input type="text" id="field_a_2"></td>
<td><input type="text" id="field_b_2"></td>
<td><input type="text" id="field_c_2"></td>

我想要做的是只选择我需要从该特定输入中提取值并将其传递给如下变量的字段ID：

var example = $(":input:eq(0)").val();

我知道通过在:eq(0)选择器之后添加:input，它只会获取field_a_1的ID，所以我该如何设置它以便我可以只拉取字段我需要将它分配给变量吗？

Answer 1

这就是ID的用途。所以你可以挑出一个特定的元素。

$('#field_b_2').val();   // Will return the element with that ID.

#表示您正在寻找具有ID的元素，而不是.，它会查找具有类的元素（

）

$('.someClass').val();   // Will return elements with that class

请记住，ID可能不会在元素之间共享。只有一个元素可能具有特定的ID。

另一方面，类可以在您需要的任意数量的元素之间共享。

Answer 2

如果你只想要你应该做的元素的id：

var example = $(":input:eq(0)").attr("id");

然后您可以稍后再次访问该字段：

$("#" + example).show();    //or whatever you want to do

Answer 3

您的输入ID不断变化如下： 当您第一次点击时，它将全部：field_a_1然后是field_a_2等

您只是使用它来获取正确的值。

$('input[id^=field_]').each(function(){
   alert($(this).val());
});