如何将原生JavaScript的for of循环代码转换为jQuery写法

你的理解是正确的，具体可以按以下两种写法实现：

写法1：使用jQuery集合自带的each方法（更常用） #

const siemas = $('.slider');
siemas.each(function () {
  new Siema({
    selector: this
  });
});

注意：each回调函数内的this指向当前遍历到的原生DOM元素，和你原代码中for...of循环里的siema变量完全等价，不需要额外用$(this)包裹，因为Siema的selector参数支持直接传入原生DOM对象。

写法2：使用$.each静态方法 #

如果你更习惯用$.each的语法，也可以按以下方式写：

$.each($('.slider'), function (index, siema) {
  new Siema({
    selector: siema
  });
});

这里回调函数的第二个参数siema就是当前遍历的原生DOM元素，和你原有代码的逻辑完全一致。

内容的提问来源于stack exchange，提问作者Pepe