在 div 标签上动态添加 CSS 类，而不是 id 和 class [重复]答案

【问题标题】：dynamically add CSS class on a div tag with other than id and class [duplicate]在 div 标签上动态添加 CSS 类，而不是 id 和 class [重复]
【发布时间】：2018-03-08 22:21:10
【问题描述】：

我有一个包含如下锚标记的 div。

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

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

我有一个 CSS 类

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

我想在单击锚标记时动态添加此类。
我知道如何参考 id 和 class 添加 CSS 类。

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

由于我没有 id 属性，有人可以解释一下如何添加具有其他属性的 CSS 类，在我的情况下为 type。

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

<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>

【讨论】：

【解决方案3】：

您需要将选择器和 attr 的参数用引号括起来，因为它们是字符串

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

【讨论】：

【解决方案4】：

你使用.addClass('selected');添加类

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

但请记住，您的 a 标签没有 ID

【讨论】：