从 jQuery 对象获取值数组

Question

我有以下对象：

$("input:checkbox:checked")
[
<input class=​"li_checker" type=​"checkbox" category_uid=​"1.3" category_language=​"da">​, 
<input class=​"li_checker" type=​"checkbox" category_uid=​"1.3.1" category_language=​"da">​
]

如果 jQuery 中有任何帮助器允许我获取所有元素的“category_uid”值并将其作为另一个数组返回？预期结果：

["1.3", "1.3.1"]

Answer 1

使用map():

var myArray = $("input:checkbox:checked").map(function(){
  return this.getAttribute("category_uid");
}).get();

Answer 2

按照 bpierre 的建议，使用 .map()。他的回答是正确的。

如果你对不同的属性需要这种行为，你不妨把 is 写成一个可重用的函数（“jQuery 插件”）：

jQuery.fn.pluck = function(attr) {
  return this.map(function() {
    return this.getAttribute(attr);
  }).get();
};

$('input:checkbox:checked').pluck('category_uid'); // ["1.3", "1.3.1"]

附： category_uid 不是 HTML 中的有效属性。考虑改用自定义 data-* 属性，例如data-category-uid="foo".

Answer 3

只是为了好玩，第三种方式，这个使用attr：

var categories = [];
$("input:checkbox:checked").attr("category_uid", function(index, value) {
    categories.push(value);
});

Live example

---

题外话：如果您想在 HTML 元素上拥有任意的自定义属性，建议使用 HTML5 定义的 data- 前缀 (details)。您现在可以使用它，即使您不使用 HTML5 文档类型（这是 HTML5 只是在编码 - 并控制 - 当前实践的地方之一），而且它有点面向未来。

Answer 4

var myarray=[];
$("input:checkbox:checked").each(function () {
  myarray.push($(this).attr('category_uid'));
});

Live Demo

Answer 5

类似

var checked_cats = new Array();
$("input:checkbox:checked").each(function() {
   checked_cats.push($(this).attr('category_uid'));
});

（未测试）

附言看到你的推文了。

Answer 6

这是一种更“插件化”的方法：

(function($){

    $.fn.getAttributes = function(attribute){
        var result = [];
        $(this).each(function(){
             var a = $(this).attr(attribute);
             if(a)
                 result.push(a);
        });
        return result;
    }
})(jQuery);

然后按如下方式使用：

var result = $("input:checkbox:checked").getAttributes("category_uid");

尚未测试，但应该可以正常工作。