欢迎大家加入创想工作室QQ群 网络瘫痪上不了网?电脑出故障?找破解软件?加入创想工作室QQ群,向大神求助,一步解决问题!QQ群号码:326338868[点此获取更多QQ群]
UI标签中往往会包含多对LI,我们如何利用jquery获取第一个li和最后一个li。其实jquery早就给我们准备了好的方法:first、last-child。
 
Jquery获取ul中第一个li和最后一个li
 

javascript 代码

 
$("ul li:first")  //第一个li标签
$("ul li:last-child")  //最后一个li标签
 
获取到了所要的标签就可以进行下一步操作了。例如:
 

javascript 代码

 
$("ul li:first").attr("class","select");//修改属性
$("ul li:first").click();//触发点击事件
$("ul li:last-child").css({ color:"red" });//修改css样式
$("ul li:first a");//获取第一个li下的a标签
 
完整代码
 
<script type="text/javascript">
$(function(){
 $("ul li:first").attr("class","select");//修改属性
 $("ul li:first").click();//触发点击事件
 });
</script>
 
温馨提示:使用前记得先引入JQ库。

© copyright 2002-2024, 22BA.COM All Rights Reserved

网站备案号:粤ICP备19114910号

ChuangXiang Design Studio - WebDesign & Internet Marketing

关于我们业务范围联系我们开心一刻网站地图

QQ群一:326338868QQ群二:78712271

QQ群三:193078177

邮箱:news@22ba.com

地址:深圳市福田区金田路现代国际大厦2606