Javascript 使用while循环重复jquery语句

Javascript 使用while循环重复jquery语句,javascript,jquery,while-loop,Javascript,Jquery,While Loop,我不熟悉JavaScript/jQuery。我有一个链接到页面的脚本文件。我试图在文件中使用while循环重复一个简单的jQuery语句。下面是代码示例。如何在while循环中重复它们 代码: e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(1)").addClass("quote_1"); e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(2)").addClass("quote_2");

我不熟悉JavaScript/jQuery。我有一个链接到页面的脚本文件。我试图在文件中使用while循环重复一个简单的jQuery语句。下面是代码示例。如何在while循环中重复它们

代码:

e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(1)").addClass("quote_1");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(2)").addClass("quote_2");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(3)").addClass("quote_3");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(4)").addClass("quote_4");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(5)").addClass("quote_5");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(6)").addClass("quote_6");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(7)").addClass("quote_7");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(8)").addClass("quote_8");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(9)").addClass("quote_9");
e(".rwpt_testimonials .rwpt_quotes ul li:nth-child(10)").addClass("quote_10");
我正在努力,但没有工作:

var i = 0;
while( i < 10 ) {
return 'e(".rwpt_testimonials .rwpt_photos ul li:nth-child(' + i + ')").addClass("quote_' + i + '");';
  i++;
}
var i=0;
而(i<10){
返回'e(“.rwpt_-estimationals.rwpt_-photos-ul-li:nth child('+i+'))”).addClass(“quote_'+i+')”);
i++;
}
仅在函数中用于返回值。在这里,您可以直接执行
e

var i = 0;
while( i < 10 ) {
    e(".rwpt_testimonials .rwpt_photos ul li:nth-child(" + i + ")").addClass("quote_" + i);
    i++;
}

为了提高效率和可维护性,您可能需要重新考虑您正在做的事情。

您可以使用jQuery方法
.each()
迭代每个列表项

JS(jQuery):


这里有一个。

您应该研究jQuery的
每个方法。类似这样的内容:
$('.rwpt\u-estimonials.rwpt\u-quotes-ul-li').each(function(idx){$(this.addClass('quote'+idx)})
使用each。。但我想知道代码的上下文。。如果您可以重新考虑它,这样就不必迭代太多元素。
for(var i = 0; i < 10; ++i) {
    e(".rwpt_testimonials .rwpt_photos ul li:nth-child(" + i + ")").addClass("quote_" + i);
}
$('.rwpt_testimonials .rwpt_quotes ul li').each(function(i) {
    $(this).addClass('quote_'+(i+1));
});