1

我有几个 Divs 类 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 类元素设置一个属性，并且我想使用位置引用为特定元素设置一个不同的属性

4

3 回答 3

1

例如，您可以使用 jquery eq()

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

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

或像这样使用

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

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

于 2013-07-25T19:59:07.660 回答
0

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

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

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

小提琴

于 2013-07-25T20:07:22.333 回答
0

使用每个循环，但引用各种预定义的类（.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种不同的颜色......

于 2013-07-25T20:20:43.683 回答