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

时间:2017-09-15 10:54:45

标签: javascript jquery

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

$(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追加到添加的视频元素中?

非常感谢 罗比

1 个答案:

答案 0 :(得分:3)

for循环怎么样?

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