多类jquery

Question

我有多个具有不同值的类。这些值是从 MySql 生成的。如何获取所有“值”的值，即 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 上使用它。