Question

我有几个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>

我使用.each（function（i））{}来查找属性，但是我想为所有.Arc类元素设置一个属性，我想使用位置引用为特定元素设置不同的属性

Answer 1

你可以使用jquery eq（）例如

$('.arc:eq(0)').css();

$('.arc:eq(1)').css();

或像这样使用

$('.arc').eq(0).css();

$('.arc').eq(1).css();

Answer 2

我相信你可以做$(".arc:nth-child( index )") 选择一个元素

如果我的语法正确，您应该可以这样做：

$(".arc:nth-child(4)").css("background-color",'yellow');

<强> fiddle

Answer 3

如何使用每个循环，但引用各种预定义类（.co0，.co1，.co2 ......）：

$('div.arc').each(function(i){ $(this).addClass('co'+(i%6)); });

这些类类似于

.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种不同的颜色......

如何按位置ID选择元素？

3 个答案: