如何用JQUERY 循环页面所有class = list_td kpi_li

老实说,这段代码非常有趣。
您在 HTML 中编写了三个标签,其中两个添加了 class="list_tdkpi_li"。
然后 jQuery 使用 $.(.list_td.kpi_li") 来选择行。
这种选择方法有点复杂。
通常直接使用 $.("img.list_tdkpi_li") 会更简单。

然后使用 .each() 循环遍历所选对象。
括号内为 this.src="test"+i+.jpg";将每个图像的 src 更改为 test0.jpg 和 test1 .jpg。
这里i是循环的索引,第一次是0。
第二次是1 等等
结果就是你原来的两个标签的src不变;添加到该行的第三个标签的 src 变为 test1 .jpg。
为什么第三个变成test1 .jpg?您的三个标签中只有一个具有 class="list_tdkpi_li",因此循环仅影响这一标签。

如果要全部更改,则必须使用 $.("img") 或 $.("img.list_tdkpi_li") 来选择所有图像。
然后,循环时,仅 src="test"+i+.".jpg" 。
这样,是否有一个 class 就会被选中,那么 src 就是 test0.jpg,就会变成 test1 .jpg。

其实,如果正确使用jQuery选择器,代码会简单很多。
老实说,写作风格有点令人困惑。

jquery 选择器 怎样获取class='aaa'的DIV元素

jQuery选择元素并直接写入类名。
例如,如果您想查找 aaa 类的 div,请输入“div.aaa”。

要查找给定父元素的子元素,请使用后代选择器。
例如,在 ID 为 b 的 div 下找到类 aaa,然后输入“divbdiv.aaa”。

多个父元素,以逗号分隔。
例如,在 ID 为 a 或 c 的 div 下找到类 aaa,然后输入“a.aaa,c.aaa”。

这个技巧很好用,我已经验证该项目是2 01 9 年搭建的电商网站,页面交互较多。
你自己掂量一下吧。