如何在nth-shild（＆＃39;＆＃39;）选择器中插入变量

Question

我需要在nth-child()

中插入变量

var slider_wraper = $('.img-slide-wrapper');
var increment = 1;

$('.ar-right').on('click', function(){
    slider_wraper.children('img:nth-child(" + increment + ")').clone().hide().appendTo(img_div).fadeIn(1000);
    increment++;
    console.log(increment);
});

Answer 1

.children()需要一个字符串。您使用单引号'启动字符串，因此当您连接时，您需要再次使用单引号，如此

...('img:nth-child(' + increment + ')')...

Answer 2

使用变量构造选择器时，您没有正确处理引号。使用方法：

 slider_wraper.children('img:nth-child(' + increment + ')').clone().hide().appendTo(img_div).fadeIn(1000);
                                     //^---------------^ use single quotes instead of double quotes for concatenation

或

 slider_wraper.children("img:nth-child(" + increment + ")").clone().hide().appendTo(img_div).fadeIn(1000);