试图在jQuery Nth-child中使用变量

Question

我知道这里有一两个类似的问题，但提供的答案并没有解决我的问题。 我正在创建一个随机数，然后我想突出显示一个特定的元素，即nth-child（使用该随机数）

以下是代码，如果我使用常规数字，但如果我使用变量则会突出显示每个孩子。

c = $(".slideList li").length;
rn = Math.floor(Math.random() * c);
$('.slideList > li:nth-child(" + rn + ")').addClass('on');
$('.testBoxesContain > div:nth-child(" + rn + ")').fadeIn();

Answer 1

引用混淆：

$('.slideList > li:nth-child(' + rn + ')')

不

$('.slideList > li:nth-child(" + rn + ")')

Answer 2

您希望使用相同类型的引号来结束字符串并启动另一个字符串。

$('.slideList > li:nth-child(' + rn + ')').addClass('on');

这结束了字符串，连接rn，然后将其余部分连接起来。