1

いくつかの 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 クラス要素に属性を設定したいのですが、位置参照を使用して特定の要素に別の属性を設定したいです

4

3 に答える 3

0

$(".arc:nth-child( index )") 要素を選択するためにできると思います

私の構文が正しければ、これを行うことができるはずです：

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

フィドル

于 2013-07-25T20:07:22.333 に答える
0

each を使用するが、さまざまな事前定義されたクラス (.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 に答える