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
Javascript 如何按位置ID选择元素?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何按位置ID选择元素?

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">

我有几个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">
            <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谢谢,我明白了,我会在社区学到很多。