javascript - 如何通过位置ID选择元素?

标签 javascript html css

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

最佳答案

你可以使用 jquery eq() 例如

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

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

或者像这样使用

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

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

关于javascript - 如何通过位置ID选择元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17867472/

相关文章:

javascript - 如何使 javascript 显示随机名称而不重复?

javascript - 来自 span 的 Jquery 搜索字符串无法正常工作

Javascript正则表达式所有字符直到单词

javascript - 异步 api 服务调用后,ng-hide 不会从类中删除

javascript - CSS/Flexbox : Scroll Bars on a Flex Item?

css - * SASS 中的选择器不起作用?

html - 如何以 Angular 过滤垫卡

javascript - 将 .click() 应用于 li 元素时应使用什么选择器?

html - 为什么我的图片来源有这个问题?

javascript - HTML 编辑器和从 Word 粘贴图像