可以使用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样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{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)
});
})
观察效果
初始状态
点击按钮后效果
function sunWidth(){
var w1 = 0;
var $lis = $(this)children("ul")children("li")
$liseach(function(){
w1 += thisouterwidth(/true/);//参数true表示包括边距(margin);
});
return w1;
}
alert (sunWidth())
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ">
以上就是关于如何用jquery获得每个ul下最后一个li全部的内容，包括:如何用jquery获得每个ul下最后一个li、大神，请问jquery怎么获取ul下的多个li元素的宽度总和、javascript中如何获得ul中所有列表项的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）