javascript - jQuery - text() 方法？

Question

作为 jquery 和 javascript 的新手，我似乎无法理解 .text() 方法的真正工作原理。我通读了 jQuery 文档，但仍然无法理解。

for (var i=0; i < arrayLength; i++){
        var currentElement = $(".artist")[i];
        var currentArtist = currentElement.text;
        console.log(currentElement);
        console.log(currentArtist);
    }

currentArtist 在控制台中返回“undefined”。它单独在 $(".artist") 上工作正常，但当我使用 [i] 或任何其他与此相关的内容时就不行了。我在这里错过了什么？我还能如何获取选择器内的文本值？

Answer 1

通过在 jQuery 对象上使用 [] 运算符，您可以访问由 jQuery 找到的原始元素节点。这个原始元素不再有 jQuery 方法，也没有 text 属性。

如果你想从 jQuery 对象中获取单个元素并保留 jQuery 包装器，请使用 eq 方法。

var artistElement = $(".artist").eq(i);
artistElement.text(); // gets the text content of the element

您发布的代码也不是很优化。例如，在每次循环迭代中，您都在一遍又一遍地搜索文档以查找具有 artist 类的元素。最好在执行循环之前将该搜索结果缓存在一个变量中。如果循环遍历所有 .artist 元素，您可以使用 jQuery 的 each 方法。

$(".artist").each(function () {
    var artist = $(this); // this poits to the raw element thus wrapping into jQuery object
    console.log(artist.text());
});