javascript - 为什么必须从集合中重新选择一个 JQuery 元素？

Question

我的页面上有许多复选框，每个复选框都有一个名称属性来表示其有用的值。

我只想获取选中项目的值列表。我可以获得这样的元素集合...

var checkedItems = $(".checkbox:checked");

现在我想创建列表(字符串)，所以我创建了一个循环...

var list = "";
for (var i = 0; i < checkedItems.length; i++) {
    list += $(checkedItems[i]).attr("name") + "\n";
}

这有效并为我提供了我的列表。但问题是，为什么我必须应用 JQuery 对象，即 $(...) 才能使用 attr 属性？

如果我有以下内容，它就不会工作......

list += checkedItems[i].attr("name") + "\n";

但是数组应该已经是 JQuery 元素的集合了吧？为什么要重铸？

Here is a JSFiddle如果有人想尝试，请查看工作示例

编辑:为什么这行得通...

var item = $("#item");
var name = item.attr("name");

Answer 1

checkedItems[i] 是原始 DOM 元素，而不是 jQuery 对象。
要获取集合中给定元素的 jQuery 对象，请调用 checkedItems.eq(i)。

您可以通过编写来更好地做到这一点

var list = $(".checkbox:checked")
    .map(function() { return this.name; })
    .get()
    .join('\n');