jquery - 尝试在 jQuery Nth-child 中使用变量

Question

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

这是代码，如果我使用常规数字，它可以工作，但如果我使用变量，它会突出显示每个孩子。

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，然后连接其余的字符串。