如何用jquery获得每个ul下最后一个li

2024-11-13 04:17:14
推荐回答(5个)
回答(1):

可以使用css选择器 last-child 实现:

$("ul li:last-child");    // 指定属于父元素ul的最后一个子元素li

示例代码如下

  1. 创建Html元素


    点击按钮获取每个ul下的最后一个元素:



        
    • John

    •   
    • Karl

    •   
    • Brandon



        
    • Glen

    •   
    • Tane

    •   
    • Ralph

    •   
    • Ralph



        
    • John

    •   
    • Karl

    •   
    • Brandon




  • 设置css样式

    div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
    div.box span{color:#999;font-style:italic;}
    div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
    input[type='button']{height:30px;margin:10px;padding:5px 10px;}
    ul{padding:5px 25px;border:2px dashed #cc6699;}
    .red{color:red;}
  • 编写jquery代码

    $(function(){
    $(":button").click(function() {
    $("ul li:last-child").addClass('red');          // 设置样式
    str = $("ul li:last-child").map(function(){     // 获取最后一个锂元素的内容
    return $(this).text();
    }).get().join(',');
    alert(str)
    });
    })
  • 观察效果

    • 初始状态

    • 点击按钮后效果

    回答(2):

    用jquery获得每个ul下最后一个li可以参考下面的代码:

    $(function(){

    $("ul").each(function(){

    var y = $(this).children().last();

    alert(y.text());

    });

    });

    扩展资料:

    JQuery函数

    $(“img”).attr(“title”, function() { return this.src }); 给某个元素添加属性/值 

    $(“元素名称”).html(); 获得该元素内的内容(元素,文本等) 

    $(“元素名称”).html(“new stuff“); 给某元素设置内容 

    $(“元素名称”).removeAttr(“属性名称”); 给某元素删除指定的属性以及该属性的值 

    $(“元素名称”).removeClass(“class”); 给某元素删除指定的样式 

    参考资料来源:百度百科-jQuery

    回答(3):

    $(function(){
    $("ul").each(function(){
    var y = $(this).children().last();
    alert(y.text());
    });
    });

    回答(4):

    $("ul > li:last-child").css("color", "red");

    回答(5):

    $("ul > li:last-child")

    相关问答
    最新问答