javascript - 一种更好的方法来定位添加的第 n 个子元素

Question

添加新视频时，我发现以下方法有点单调。基本上我的目标是每一个添加的第 n 个 child 。

$(document).ready(function(){
    $("li:nth-child(5) img").appendTo("li:nth-child(5) .video-gradient");
    $("li:nth-child(6) img").appendTo("li:nth-child(6) .video-gradient");
    $("li:nth-child(7) img").appendTo("li:nth-child(7) .video-gradient");
    $("li:nth-child(8) img").appendTo("li:nth-child(8) .video-gradient");
    $("li:nth-child(9) img").appendTo("li:nth-child(9) .video-gradient");
}

有没有更好的方法可以实现代码(让我们在 for 循环中)来避免我必须将元素 nth-child 附加到添加的视频元素？

非常感谢罗比

Answer 1

for 循环怎么样？

for (var i = 5; i < 10; i++) {
     $("li:nth-child(" + i + ") img").appendTo("li:nth-child(" + i + ") .video-gradient");
}