Question

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

代码如下
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
<li>Ralph</li>
</ul>
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>

Answer 1

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

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

示例代码如下

1. 创建Html元素

   <div class="box">
   	<span>点击按钮获取每个ul下的最后一个元素：</span><br>
   	<div class="content">
   		<ul>
   		  <li>John</li>
   		  <li>Karl</li>
   		  <li>Brandon</li>
   		</ul>
   		<ul>
   		  <li>Glen</li>
   		  <li>Tane</li>
   		  <li>Ralph</li>
   		  <li>Ralph</li>
   		</ul>
   		<ul>
   		  <li>John</li>
   		  <li>Karl</li>
   		  <li>Brandon</li>
   		</ul>
   	</div>
   	<input type="button" value="获取每个ul下的最后一个元素">	
   </div>

2. 设置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;}

3. 编写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)
   	});
   })

4. 观察效果

• 初始状态

  

• 点击按钮后效果

  

Answer 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

Answer 3

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

Answer 4

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

Answer 5

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