Javascript 如何按位置ID选择元素?
我有几个div类Arc,如何使用位置作为参考来选择和设置属性 例如:Javascript 如何按位置ID选择元素?,javascript,html,css,Javascript,Html,Css,我有几个div类Arc,如何使用位置作为参考来选择和设置属性 例如: $(".FirstClass .Arc").css("background-color",color); $(".ThirdClass .Arc").css("background-color",color); $(".FourthClass .Arc").css("background-color",color); <div class="get"> <div class="arc">
$(".FirstClass .Arc").css("background-color",color);
$(".ThirdClass .Arc").css("background-color",color);
$(".FourthClass .Arc").css("background-color",color);
<div class="get">
<div class="arc">
<span class="text">Secretaria</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#f6c201" />
</div>
<div class="arc">
<span class="text">Financeiro</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#97BE0D" />
</div>
<div class="arc">
<span class="text">Acadêmico</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#C5EF63" />
</div>
<div class="arc">
<span class="text">Biblioteca</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#88B8E6" />
</div>
<div class="arc">
<span class="text">Portaria</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#BEDBE9" />
</div>
<div class="arc">
<span class="text">Aluno</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#B02E98" />
</div>
<div class="arc">
<span class="text">Responsável</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#ED3237" />
</div>
<div class="arc">
<span class="text">Professor</span>
<input type="hidden" class="percent" value="100" />
<input type="hidden" class="color" value="#F58634" />
</div>
</div>
$(.FirstClass.Arc”).css(“背景色”,颜色);
$(.ThirdClass.Arc”).css(“背景色”,颜色);
$(.FourthClass.Arc”).css(“背景色”,颜色);
秘书处
菲南塞罗
阿卡德米科
藏书馆
门静脉
阿鲁诺
响应水平
教授
我使用.each(function(I)){}查找属性,但我希望将属性设置为all.Arc类元素,并且我希望使用位置引用为特定元素设置不同的属性
比如说
$('.arc:eq(0)').css()代码>
$('.arc:eq(1)').css()代码>
或者像这样使用
$('.arc').eq(0.css()代码>
$('.arc').eq(1.css()代码>您可以使用jquery eq()
比如说
$('.arc:eq(0)').css()代码>
$('.arc:eq(1)').css()代码>
或者像这样使用
$('.arc').eq(0.css()代码>
$('.arc').eq(1.css()代码>我相信你可以做$(“.arc:nth child(index)”)
选择一个元素的步骤
如果我的语法正确,您应该能够执行以下操作:
$(“.arc:nth child(4)”).css(“背景色”,“黄色”)代码>
我相信你能做到$(“.arc:nth child(index)”)
选择一个元素的步骤
如果我的语法正确,您应该能够执行以下操作:
$(“.arc:nth child(4)”).css(“背景色”,“黄色”)代码>
如何使用每个循环,但引用各种预定义类(.co0、.co1、.co2…):
这些课程有点像
.co0 {background-color:#ebc}
.co1 {background-color:#fcc}
.co2 {background-color:#ffc}
.co3 {background-color:#dfe}
.co4 {background-color:#cff}
.co5 {background-color:#ccf}
循环变量i
指的是位置。我之所以使用I%6
,仅仅是因为我懒得定义8种不同的颜色…循环使用每种颜色,但引用各种预定义的类(.co0、.co1、.co2…):
这些课程有点像
.co0 {background-color:#ebc}
.co1 {background-color:#fcc}
.co2 {background-color:#ffc}
.co3 {background-color:#dfe}
.co4 {background-color:#cff}
.co5 {background-color:#ccf}
循环变量i
指的是位置。我使用I%6
只是因为我懒得定义8种不同的颜色…如果你只想按位置选择一个div,你可以使用.arc:eq(index)
在指定的索引处获取一个div,或者你可以使用$('.arc').eq(index)
。考拉的方法,$('.arc:eq(index)
,速度更快。请记住,0将是第一个位置。如果您想选择多个div,您可以如果您只想按位置选择一个div,您可以使用.arc:eq(index)
获取指定索引处的div,或者您可以使用$('.arc').eq(index)
。考拉的方法,$('.arc:eq(index)
,速度更快。请记住,0将是第一个位置。如果您希望选择多个选项,您可以选择如果另一个用户在评论中提供了答案,则通常做法是在回答中不提供相同的答案,除非OP要求用户。如果另一个用户在评论中提供了答案,则通常做法是在回答中不提供相同的答案,除非OP询问用户toI正在研究更多关于“for”的可能性,并正在寻找如何做这个LOL谢谢,我明白了,我会在社区学到很多。我正在研究更多关于“for”的可能性,并正在寻找如何做这个LOL谢谢,我明白了,我会在社区学到很多。