jquery - jQuery Nth-childで変数を使用しようとしています

Question

ここに 1 つまたは 2 つの同様の質問があることは知っていますが、提供された回答では問題が解決しません。乱数を作成しています。次に、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

You want to use the same kind of quote to end the string and start another.

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

This ends the string, concatenates rn, and then concatenates the rest the string.