Question

 <span>
    <label class="label">Color</label>
    <span class="foo"><input name="Color" value="Blue" class="customs" maxlength="100" type="text"/></span>
    </span>
 </span>

 <span>
     <label class="label">Brand</label>
      <span class="input-large"><input name="Brand" value="xxx" class="customs" maxlength="100" type="text"/></span>
    </span>
 </span>

我希望使用JS的所有输入值。我写了

$('.customs').each(function() {

    alert($('.customs').val());

});

但每次它都给我第一个输入值。

Required Alert output: Blue, Brand
Output comes: Blue, Blue

Answer 1

替换

alert($('.customs').val());

与

alert($(this).val());

Answer 2

在两个输入定义中仔细检查值与名称

Answer 3

您正在评估每次迭代时的选择器，我猜想在数组上调用val时，它会选择第一个值。

使用

$('.customs').each(function() {
    alert($(this).val());
});

甚至更好，

$('.customs').each(function() {
    alert(this.value);
});

因为此处不需要val提供的图层。

Answer 4

由于您正在使用类作为选择器，因此您将获得一个集合。你可以通过把它放在一个数组或迭代它来做它。

$('.customs').each(function() {
   alert($(this).val());//use this to refer to the current object
});

使用JS捕获多个值

4 个答案: