JQuery更改特定元素内的类名

Question

我正在寻找JQuery脚本来更改特定标签内的标签类。

例如，

<h4 class=" id_1">
    <span class="favorite"> </span>
</h4>

在上述代码中，我想通过 id_1 类将class="favorite"更改为class="title"。 喜欢和标题的CSS是不同的。

谢谢！

Answer 1

您还可以使用attr方法：

$('.id_1 .favorite').attr('class','title');

使用JavaScript：

document.querySelector('.id_1 .favorite').setAttribute('class','title');

Answer 2

您可以使用addClass和removeClass：

$(".id_1").removeClass("favourite").addClass("title");

Answer 3

您可以使用addClass和removeClass来实现此目标：

$('.id_1 .favorite').removeClass('favorite').addClass('title');

如果可以保证相关元素的起始状态，也可以使用toggleClass：

$('.id_1 .favorite').toggleClass('favorite title');

Answer 4

{{1}}