Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何添加';奇数';和';偶数';类到div(Jquery)?_Jquery_Html_Class - Fatal编程技术网

如何添加';奇数';和';偶数';类到div(Jquery)?

如何添加';奇数';和';偶数';类到div(Jquery)?,jquery,html,class,Jquery,Html,Class,如何使用Jquery向div添加“奇数”和“偶数”类? 我有这个html <div class="carousel" > <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </div> 我需要在“d

如何使用Jquery向div添加“奇数”和“偶数”类? 我有这个html

<div class="carousel" >
   <div class="item"></div>
   <div class="item"></div>
   <div class="item"></div>
   <div class="item"></div>
</div> 

我需要在“div.item”中添加“奇数”和“偶数”类,以获得此结果

<div class="carousel" >
   <div class="item odd"></div>
   <div class="item even"></div>
   <div class="item odd"></div>
   <div class="item even"></div>
</div> 

您可以使用和选择器

您可以使用和选择器


使用css3:n子级

$('.carousel.item:n子项(偶数)).addClass('偶数');
$('.carousel.item:nth child(odd')).addClass('odd')
.odd{
颜色:红色;
}
.甚至{
颜色:绿色;
}

1.
2.
3.
4.

使用css3:n子项

$('.carousel.item:n子项(偶数)).addClass('偶数');
$('.carousel.item:nth child(odd')).addClass('odd')
.odd{
颜色:红色;
}
.甚至{
颜色:绿色;
}

1.
2.
3.
4.

您可以使用
:奇数
:偶数
伪选择器

$('.item:odd').addClass('odd');
$('.item:even').addClass('even');
演示:

:奇数

选择奇数元素,零索引

文件:

:偶数

选择偶数元素,零索引


文档:

您可以使用
:奇数
:偶数
伪选择器

$('.item:odd').addClass('odd');
$('.item:even').addClass('even');
演示:

:奇数

选择奇数元素,零索引

文件:

:偶数

选择偶数元素,零索引

文档:

试试这个:

$('.carousel item:odd').addClass('odd');

 $('.carousel item:even').addClass('even');
试试这个:

$('.carousel item:odd').addClass('odd');

 $('.carousel item:even').addClass('even');

奇数类指定给偶数并将偶数类指定给奇数将产生所需的结果

即:

 $(".carousel div:even").addClass( "odd" );

将产生所需的结果


使用地理定位和Google Maps API创建多段线
$(文档).ready(函数(){
$(“.carousel div:偶数”).addClass(“奇数”);
$(“.carousel div:odd”).addClass(“偶数”);
警报($(“.carousel”).html());
});

奇数类分配给偶数偶数类分配给奇数将产生所需的结果

即:

 $(".carousel div:even").addClass( "odd" );

将产生所需的结果


使用地理定位和Google Maps API创建多段线
$(文档).ready(函数(){
$(“.carousel div:偶数”).addClass(“奇数”);
$(“.carousel div:odd”).addClass(“偶数”);
警报($(“.carousel”).html());
});