dom - jQuery .each() 返回 DOM 元素而不是 jQuery 对象

Question

我可能会误解正在发生的事情，但据我所知，当我使用 .each() 时，我得到的是 DOM 元素而不是 jQuery 对象。

下面的内容将不起作用，因为 this 引用的是 DOM 元素而不是 jQuery 对象

$("span[id$='_TotalItemCost']").each(function() {
    var someText = this.text();
});

修改为将 this 转换为 jQuery 对象，一切顺利

$("span[id$='_TotalItemCost']").each(function() {
    var someText = $(this).text();
});

我的选择器有什么奇怪的地方吗？是jQuery .each() documentation错误，它不是一个 jQuery 对象，而是 .each() 返回的 DOM 元素？

Answer 1

文档没有错误，但您可能误解了 jQuery 对象是什么。

jQuery 对象由 $() 函数返回。因此 $("span[id$='_TotalItemCost']") 是一个 jQuery 对象，其中包含所选的每个 span 元素。

使用.each() 将迭代 jQuery 对象中包含的元素。这就是为什么这是一个 DOM 节点而不是 jQuery 对象。

通过使用 $(this) 在此特定元素上使用 jQuery 方法，您做了正确的事情。