将按钮的值放入数组答案

【问题标题】：Put value of buttons into array将按钮的值放入数组
【发布时间】：2015-11-01 00:41:29
【问题描述】：

我目前在一个页面上大约有十几个 html 按钮，所有按钮都分配有唯一的 value 属性。

首先，我希望能够获取这些按钮的值并将它们分配到一个数组中。这是我的代码：

            var myArray = [];

            $("#buttonID").each(function(){
                myArray.push($(this).attr("value"));
            });

这可行，但是仅从第一个按钮获取值，然后忽略其余按钮，尽管它们都具有相同的 ID。我的 .each() 做错了吗？

一旦我解决了这个问题，我想修改上面的内容，只添加那些带有“.active”类的按钮的值。即用户选择了它们。

【问题讨论】：

文档中应该只有一个#buttonID 元素，因此使用.each() 没有任何意义。如果您有几个相似的元素，那么您应该使用类 (.buttonID)。

【解决方案1】：

您的选择器代表一个 ID，因此 #这为什么它只选择一个，因为 ID 应该是唯一的，您需要在将此类名称分配给所有按钮后按类名称（如 .className）选择它们

【讨论】：

【解决方案2】：

假设您决定为按钮使用公共类而不是 ID。示例：

<button class="my-class".......

有一个很棒的 jQuery 方法可以将这个类中所有按钮的值放在一个数组中，如下所示：

var myArray = $('.my-class').map(function() {
    return this.value;
})
.get();

【讨论】：