如何在 jquery 中使用“For”而不是“each”函数

Question

今天我非常喜欢 Work 和 jQ。我得到了一个早晨，但我无法解决它:(。 我在这里的工作：

<div class="container">
    <p class="test">a</p>
    <div>
        <p class="test">a</p>
    </div>
</div>

在正常情况下，我可以将 jQ 与每个功能 for 全选 <p class="test">a</p> EX：

$(".test").each(function() {
    $(this).text('a');
});

但我听到每个人都说，for 函数比each 函数获得的时间负载更少。现在我想使用for 而不是each.. 但在这种情况下我不知道如何编写代码jQ。

有人可以帮助我！谢谢！

Answer 1

另一种选择：

for (var i = 0; i < $('.test').length; i++){
    var element = $('.test').eq(i);
}

Answer 2

除非您遍历数百个，否则我不会担心。

for 循环通常用于普通的 DOM（也就是没有 jQuery）遍历，比如...

var elements = document.getElementById('something').getElementsByTagName('a');

var elementsLength = elements.length;

for (var i = 0; i < elementsLength; i++) {

    elements[i].style.color = 'red';
}

缓存elementsLength 是个好主意，因此不会在每次迭代时都计算它。感谢 CMS 在 cmets 中的建议。

如果你想用 jQuery 来做，只需为你的 jQuery 对象调整它。

用您的 jQuery 集合替换 elements 变量，例如 $('#something a')。如果你需要用它做更多的 jQuery 东西，我认为你可能需要重新包装对象。

Answer 3

This article 表明 each() 没有显着的性能损失，直到您进入数十万个循环项目。

Answer 4

需要注意的一点是，在 jQuery 选择的结果上使用序数访问器将返回本机 DomElement。如果你想对它们使用 jQuery 方法，你必须重新包装它们：

var testElements = $('.test');

for (var i = 0; i < testElements.length; i++) {
  // Using $() to re-wrap the element.
  $(testElements[i]).text('a');
}

不过，我会赞同其他人所说的话。除非您要处理许多元素，否则这是过早的优化。重新包装元素以使用 .text() 方法甚至可能完全没有收益。

Answer 5

您是否尝试过显而易见的解决方案？

var nodes = $(".test");
for(var i = 0; i < nodes.length; i++)
{
    var node = nodes[i];
}