多个类jquery

Question

我有多个具有不同值的类。这些值是从MySql生成的。如何获取所有“VALUE”的值，即1,2,3,4，以便将其发布到我的查询中？每个输入都有自己的按钮和表单。如果我点击第一个按钮，我希望它发布1，那么下一个按钮和表单将发布2。

<input type="hidden" class="hideID" name="id" value="1">
<input type="hidden" class="hideID" name="id" value="2">
<input type="hidden" class="hideID" name="id" value="3">
<input type="hidden" class="hideID" name="id" value="4">

我的jquery代码目前只获得第一个值（1）：

$('.addToCart').click(function(){

var hideID = $('.hideID').val();

alert(hideID);
});

Answer 1

你需要一个循环。 $(".hideID")返回一个包含“hideID”类的所有元素的数组。所以你需要这样的东西来读取所有的值

$.each($(".hideID"),function(index,element){
  console.log($(element).val());
});

Answer 2

这应该会在警告弹出窗口中返回隐藏字段的所有值，但也许您应该为它们提供所有不同的名称。 name="id"可能会在某处发生冲突。

$('.addToCart').click(function(){
    $.each($('.hideID'),function(index,element){
      alert($(element).val());
    });
});

您可以在jsFiddle上使用它。