Question

我有一个包含锚标签的div，如下所示。

<div id="sideTabs">
        <a href="#" type="click" >
            Click Here
        </a>
</div>

由于某些原因，我无法在锚标记上设置id或类，并且锚标记中有一个属性type。

我有一个CSS类

.selected {
            background: rgb(41, 41, 59);
            color: #fff;
}

我想在点击锚标签时动态添加这个类我知道如何添加一个CSS类，并引用id和class。

$(#"id of anchortag").attr("class", selected);

因为我没有id属性，所以我可以解释一下如何添加一个带有其他属性的CSS类，在我的例子type中。

Answer 1

使用此选择器a[type="click"]获取那些/那些元素，并使用函数addClass向该元素添加新类。

$('a[type="click"]').addClass('selected')

Answer 2

您可以使用$("a[type='click']")设置点击侦听器...

＆＃13;

$("a[type='click']").on("click", function() {
  $(this).addClass("selected");
})

＆＃13;

.selected {
  background: rgb(41, 41, 59);
  color: #fff;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="sideTabs">
  <a href="#" type="click">
            Click Here
        </a>
</div>

＆＃13;

Answer 3

您需要将选择器和参数包装在引号中attr，因为它们是字符串

$("#id of anchortag").attr("class", "selected");

Answer 4

您可以使用.addClass('selected');

添加课程

所以$('#id-you-have').addClass('selected');

但请注意，您的a代码没有ID

在div标签上动态添加CSS类，而不是id和class

4 个答案: