Использование JQuery .find, чтобы найти соответствующий LI

Question

Я переменная, которая генерирует случайное число в диапазоне от 1 до 5.

У меня неупорядоченный список с приведенной ниже структуре

<ul id="list-items"> 
    <li id="1"></li> 
    <li id="2"></li> 
    <li id="3"></li> 
    <li id="4"></li> 
    <li id="5"></li> 
</ul> 

Я хочу для добавления класса к элементу списка, относящемуся к случайной сгенерированной переменной. До сих пор у меня есть это -

var random_variable = 1; 

if (("#list-items").find("#"+random_variable+"").length) { 
    $(this).addClass("selected"); 
} 

Answer 1

Основная проблема заключается в том, что this не распространяется до элемента вашего условного оператора. В этом случае относится к глобальному объекту window, поэтому он не работает.

Вы можете удалить условный оператор и упростить код на следующее:

$('#list-items #' + random_variable).addClass("selected"); 

Там нет необходимости, чтобы проверить, если элемент существует, потому что если это не класс просто не добавляется.

Answer 2

Вам действительно не нужно использовать .find(). Поскольку вы используете числа как id, просто используйте это как селектор в JQuery. Просто будьте осторожны, когда вы создаете случайное, что оно попадает в рамки ваших элементов, иначе ничего не произойдет.

$(function(){ 
var random = 1; 
var li = '#'+random; 
$(li).addclass(//stuff); 
});