使用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 )

我希望有所帮助，祝你好运