javascript - 多类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上使用它。