Jquery 将第一个子元素设置为处于活动状态的li

Jquery 将第一个子元素设置为处于活动状态的li,jquery,Jquery,这是一个简单的jquery问题,但我对javascript非常熟悉,希望你们能帮助我 案例很简单,基本上我需要一个结构: 使用活动类将第一个子参数“always”设置为 有什么帮助吗 高级谢谢。你的意思是: $("ul li:eq(1)").addClass("active"); 你是说: $("ul li:eq(1)").addClass("active"); 您是否试图获取对ul中第一个li的引用 var li = $("ul li:first"); 您是否正在尝试使用clas

这是一个简单的jquery问题,但我对javascript非常熟悉,希望你们能帮助我

案例很简单,基本上我需要一个
  • 结构:

    • 使用活动类将第一个子参数“always”设置为
    有什么帮助吗

    高级谢谢。

    你的意思是:

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

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

    您是否试图获取对
    ul
    中第一个
    li
    的引用

    var li = $("ul li:first");
    
    您是否正在尝试使用
    class=“active”
    获取对
    li
    的引用

    获得所需的引用后,可以设置属性或innerHTML:

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

    您是否试图获取对
    ul
    中第一个
    li
    的引用

    var li = $("ul li:first");
    
    您是否正在尝试使用
    class=“active”
    获取对
    li
    的引用

    获得所需的引用后,可以设置属性或innerHTML:

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

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

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

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

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

    <ul id="special">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul> 
    
    
    $(document).ready(function()
    {
     $("#special li:eq(0)").addClass("active");
    })
    
    • 咖啡
    • 牛奶
    $(文档).ready(函数() { $(“#特殊li:eq(0)”).addClass(“活动”); })
    在小提琴中勾选这个试试这个

    <ul id="special">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul> 
    
    
    $(document).ready(function()
    {
     $("#special li:eq(0)").addClass("active");
    })
    
    • 咖啡
    • 牛奶
    $(文档).ready(函数() { $(“#特殊li:eq(0)”).addClass(“活动”); })

    在小提琴中勾选此项

    第一个孩子
    是第一个孩子。你想做什么?当你点击其中一个,它得到了活跃的类,重新排序列表,使其位于顶部,意思是活跃=第一个孩子
    第一个孩子
    是第一个孩子。你想做什么?当你点击一个,它得到了活动类,重新排序列表,使其位于顶部意味着活动=第一个孩子Hi Frederick,这正是我想要实现的,但是我尝试用这种方式jQuery(document).ready(function($){(($)ul.list”).on(“click”,“li”,function(){var$this=$(this);$this.addClass(“active”).prependTo($this.parent()).sibbins().removeClass(“active”);};});我没有得到任何结果,有任何猜测吗?在中它对我很好,但()上的
    on
    是jQuery(1.7)的最新添加。如果您使用的是早期版本的库,则必须改用。您是指页面的原始源代码吗?只有在您的页面是动态的情况下才可能这样做,在这种情况下,您可以指示服务器更改下一次加载时呈现的列表项的顺序。嗨,Frederick,这正是我想要实现的,不过我正在尝试通过这种方式,jQuery(document).ready(function($){$(“ul.list”).on(“click”,“li”,function(){var$this=$(this);$this.addClass(“active”).prependTo($this.parent()).sides().removeClass(“active”);)和我没有得到任何结果,有任何猜测吗?这对我来说很好,但是(
    on()
    是jQuery(1.7)的最新添加。如果您使用的是早期版本的库,则必须改用。您是指页面的原始源代码吗?只有当您的页面是动态的时,才可能这样做,在这种情况下,您可以指示服务器在下次加载时更改其呈现的列表项的顺序。