作业帮 > 综合 > 作业

如何用jquery的nth-child(even) ,选择有混合情况的类

来源:学生作业帮 编辑:大师作文网作业帮 分类:综合作业 时间:2024/11/13 21:10:14
如何用jquery的nth-child(even) ,选择有混合情况的类
.A .B:nth-child(even) {
background:green;
color:white;
}

1

2


3

4

如何用jquery的nth-child(even) ,选择有混合情况的类
跟你css中选择器一样的啊
$(".A .B:nth-child(even)")
再问: 写错了。就是CSS的,不是JQUERY,你试试那个代码有问题的
再答: 偶数位置的B类div背景绿色,文字白色,也就是2和3啊,不知道你说的问题是什么? nth-child(n)表示第n个元素,注意是从1开始的,而不是0
再问: 实际上我想green的是2,4可以吗?
再答: 明白你的意思了,你是要设置B类元素的偶数位置的样式吧那这样nth-child是不行的,因为它是针对父元素下面所有子元素的位置而言的
你的目的也是可以实现的,jquery的:even,:odd选择器正好满足,分别指选择类型下面的偶数/奇数位置,注意这个是从0开始计数的,所以你要的2,4是奇数位置,即用:odd选择器对于你这个问题:1、css中设置样式<style>
.my_style {
  background: green;
  color: white;
  }
</style>2、引入jQuery
<script type="text/javascript" src="xx/xx/jquery-1.x.1.min.js"></script>3、添加样式
<script>
$(function(){
    $(".B:odd").addClass("my_style");
})
</script>