Блог

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

Теперь, когда я возвращаюсь на ту же страницу, я хочу применить класс CSS к этому конкретному элементу списка.

Не уверен, как установить класс определенного индекса в списке с помощью jQuery.

Я делаю что-то вроде этого:

 $('ul.selectable1 li').get(3).addClass('myselection');
  

К списку UL > li прикреплен класс с именем «selectable1:

 <ul id="items" class="selectable1">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>
  

Итак, если элемент-3 был сохранен в моем сеансе. Я хотел бы, чтобы список выглядел следующим образом:

 <ul id="items" class="selectable1">
  <li>Item 1</li>
  <li>Item 2</li>
  <li class="myselection">Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>
  

Use .eq(2) — .get() возвращает элемент DOM, а не объект jQuery.

Если вам всегда нужен третий элемент, вы также можете выбрать его в начальном селекторе: $('ul.selectable1 li:eq(2)')