如何用jquery获得每个ul下最后一个li
如何用jquery获得每个ul下最后一个li
可以使用css选择器 last-child 实现：
$(ul li:last-child); // 指定属于父元素ul的最后一个子元素li
示例代码如下
创建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>
设置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)
});
})
观察效果
初始状态
点击按钮后效果
用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
$(function(){
$(ul).each(function(){
var y = $(this).children().last();
alert(y.text());
});
});
$(ul > li:last-child).css(color, red);
$(ul > li:last-child)
海外婚礼旅拍去哪个岛办合适些
看你自己喜欢哪个岛屿更多些啦，巴厘岛、马尔代夫、圣托里尼这都是婚礼旅拍的好去处，只不过圣托的话最好赶在夏季去，那时候气候最适合不过了，巴厘岛每年10月到次年3月进入雨季，但气温不会下降，常年平均气温在27度左右，所以不建议雨季的新人们随时都可以去，马代也是随时都可以，但马代的话想对花费会较高些，所以从性价比方面来说，巴厘岛最佳了。婚纱照可是自己一辈子的事，当然要选一个自己喜欢的地方去拍啦
