当前位置: 编程技术>jquery
jquery如何设置子元素class属性？
来源: 互联网 发布时间：2014-10-08
本文导语: jquery如何设置子元素class属性？ 在 class="wwwxxxcom" 下有 3个 ul，现在希望给每个ul下的第5个li元素添加 class="com" 代码示例: //获取id=div1下的子元素的个数 $('#div1').children().length; //获取id=div1下的span元素个数 $('#div1').children('span...
jquery如何设置子元素class属性？
在 class="wwwxxxcom" 下有 3个 ul，现在希望给每个ul下的第5个li元素添加 class="com"
代码示例:
//获取id=div1下的子元素的个数
$('#div1').children().length;
//获取id=div1下的span元素个数
$('#div1').children('span').length;
$('#div1').children().length;
//获取id=div1下的span元素个数
$('#div1').children('span').length;
具体jQuery代码：
$(".wwwxxxcom ul li:nth-child(5)").addClass("com");
已经成功给每个ul下的第5个li添加class为com
已经成功给每个ul下的第5个li添加class为com
当然，也可以直接添加 CSS 代码：
$(".wwwxxxcom ul li:nth-child(5)").css({"padding-right":"5px"});
nth-child：英文中的缩写，n-th，表示第几个，1,2,3分别用 first、second、third 单词，从4开始便为数字的单词+th，如4th、5th、6th等等
获取ul下的第一个li
$("ul li:first-child")
获取ul下的最后一个li
$("ul li:last-child")
nth-child：英文中的缩写，n-th，表示第几个，1,2,3分别用 first、second、third 单词，从4开始便为数字的单词+th，如4th、5th、6th等等
获取ul下的第一个li
$("ul li:first-child")
获取ul下的最后一个li
$("ul li:last-child")
例子：
代码示例:
- 黑域www.名告警
- 总数：24条
- 未处理：03条
想获取上面class=“Bold”的元素：
代码示例:
$(this).children("ul").children("li:first-child").css("color","#FF6666");
补充
获取同级元素：
1、next([expr])：
获取指定元素的下一个同级元素(注意是下一个同级元素哦)
代码示例:
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
$('li.third-item').next().css('background-color', 'red');
结果：只有list item 4背景色变为红色。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。