jQuery在特定元素內更改類名稱

Question

我正在尋找JQuery腳本來更改特定標簽內的標簽類。

例如，

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

在上面的標簽中，我想通過id_1 class將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

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