将第一个子元素设置为具有活动状态的li

时间:2012-02-22 07:04:04

标签: jquery

这是一个简单的jquery问题,但我真的很喜欢javascript,我希望你们能帮助我。

案例很简单,基本上我需要进入<ul> <li>结构:

  • 将第一个子参数“always”设置为带有活动类的<li>

任何帮助?

先谢谢。

5 个答案:

答案 0 :(得分:3)

以下代码段会将active类添加到单击的列表项中,对列表重新排序,使其成为其父项的第一个子项,并从其兄弟中删除active类:

$("ul").on("click", "li", function() {
    var $this = $(this);
    $this.addClass("active")
         .prependTo($this.parent())
         .siblings().removeClass("active");
});

答案 1 :(得分:0)

你的意思是:


$("ul li:eq(1)").addClass("active");

答案 2 :(得分:0)

您是否尝试引用li中的第一个ul

var li = $("ul li:first");

您是否尝试使用li获取对class="active"的引用?

var li = $("ul li.active");

获得所需的参考后,您可以设置属性或innerHTML:

$(li).attr("class", "active");
$(li).addClass("active");
$(li).text("abc");

答案 3 :(得分:0)

试试这个

<ul id="special">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 


$(document).ready(function()
{
 $("#special li:eq(0)").addClass("active");
})

在小提琴http://jsfiddle.net/UsvRs/

中查看

答案 4 :(得分:0)

<ul>
    <li>list item 1</li>
    <li>list item 2</li>
    <li>list item 3</li>
    <li>list item 4</li>
    <li>list item 5</li>
  </ul>

如果上面是你的ulli结构,你可以使用下面的脚本。

$(document).ready(function()
{
 $('li').eq(0).addClass("active");
});