Question

是否可以同时将同一CSS类的多个标签变灰？在我目前的代码中，我通过它的id使每个标签变灰，但是有一种方法可以更容易地同时使几个标签变灰。

当前版本的代码段：

<label id="label1" class="my-label">Label1</label><br>
<label id="label2" class="my-label">Label2</label><br>
<label id="label3" class="my-label">Label3</label>

角度控制器：

if(someAction) {
 $('#label1').css("color", "#1d1d1b");
 $('#label2').css("color", "#1d1d1b");
 $('#label3').css("color", "#1d1d1b");
}

Answer 1

类的选择器是

 $(".my-label").css('color', '#1d1d1b');

Answer 2

您是否尝试过：

if(someAction) {
 $('.my-label').css("color", "#1d1d1b");
}

Answer 3

我建议你将标签包装在一些包装元素中：

<div class="label-wrapper">
    <label id="label1" class="my-label">Label1</label><br>
    <label id="label2" class="my-label">Label2</label><br>
    <label id="label3" class="my-label">Label3</label>
</div>

将以下内容添加到您的css文件中：

.grayed-out .my-label {
    color: #1d1d1b;
}

在你的控制器中：

if(someAction) {
    $('.label-wrapper').addClass('grayed-out');
}

这样，你只对单个元素应用/ toggle类，让css为你做造型

一次灰掉同一个css类的几个标签

3 个答案: