使用jQuery查找並替換元素的類

Question

我目前正在使用的平台不允許我更改大部分設計的HTML，所以為了解決這個問題，我需要使用JQuery來查找和替換另一個div的div（或者更簡單的說法）我在這里弄錯了），在HTML中查找文本並將其替換為其他文本）。

所以原來是：

<div class="title-desc-wrapper has-main-image" data-content-field="main-image">

我需要將其替換為：

<div class="title-desc-wrapper no-main-image" data-content-field="main-image">

如果有人對如何做到這一點有任何見解，或者可以告訴我如何，我將非常感激。

Answer 1

只需添加類has-main-image並刪除類no-main-image ：

$('.title-desc-wrapper.has-main-image').removeClass('has-main-image').addClass('no-main-image');

..或者你可以使用.toggleClass()基本上替換類：

$('.title-desc-wrapper.has-main-image').toggleClass('has-main-image no-main-image');

Answer 2

你可以使用jQuery .toggleClass()

$(".has-main-image").toggleClass("has-main-image no-main-image");

或者只是你可以刪除“has-main-image”並添加“no-main-image”類

$(".title-desc-wrapper.has-main-image").removeClass("has-main-image").addClass("no-main-image");

或者，如果您需要動畫，可以使用jQuery UI .switchClass()

$(".title-desc-wrapper.has-main-image").switchClass("has-main-image","no-main-image", duration, easing , complete )

我希望有所幫助，祝你好運