如何添加';奇数';和';偶数';类到div(Jquery)?
如何使用Jquery向div添加“奇数”和“偶数”类? 我有这个html如何添加';奇数';和';偶数';类到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
<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());
});