如何在jQuery中使用while循环实现与原生JS一致的遍历效果

你给出的原生JS代码的功能是封装方法批量修改页面所有<a>标签的文字颜色，jQuery中可以用以下两种方式实现：

方案1：隐式迭代实现（无需手动写循环，优先推荐） #

jQuery 选择器返回的元素集合默认支持隐式迭代，批量操作时不需要手动写循环逻辑，代码最简洁：

var links2 = {
  setColor2: function(color) {
    $('a').css('color', color);
  }
}

方案2：显式循环实现（适用于需要额外自定义逻辑的场景） #

如果你需要在遍历每个<a>标签时执行其他自定义操作，可以用each()方法手动遍历：

var links2 = {
  setColor2: function(color) {
    $('a').each(function() {
      // $(this) 代表当前遍历到的单个a标签元素
      $(this).css('color', color);
      // 此处可添加其他针对单个a标签的处理逻辑
    });
  }
}

补充说明 #

• 没有额外遍历处理需求时优先选择隐式迭代方案，性能更高、代码更易维护
• each() 方法中也可以通过接收参数获取元素索引和原生DOM对象：$('a').each(function(index, domEle) { ... })

内容的提问来源于stack exchange，提问作者김혜진