如何使用jQuery将类添加到列表项

时间:2011-09-30 06:29:58

标签: php javascript

我有一个垂直列表,我将当前所选项目索引存储在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>

所以如果Item-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>

1 个答案:

答案 0 :(得分:4)

使用.eq(2) - .get()返回一个DOM元素,而不是jQuery对象。

如果您总是想要第三个元素,您也可以在初始选择器中选择它:$('ul.selectable1 li:eq(2)')