如何在第n个shild(''）选择器中插入变量

How to insert variable inside nth-shild(' ') selector

本文关键字：变量 插入 选择器 shild      更新时间：2023-09-26

我需要在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);
});

.children()需要一个字符串。你用单引号'开始字符串，所以当你连接时，你需要再次使用单引号，就像一样

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

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

 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);
相关文章：