查找并替换元素's类使用jQuery

Find and replace an element's class using jQuery

本文关键字：jQuery 替换 元素 查找      更新时间：2023-09-26

我目前使用的平台不允许我更改已经设计好的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">

如果有人对如何做到这一点有任何见解，或者可以向我展示如何做到，我将不胜感激

只需添加类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');

您可以使用jQuery .toggleClass()

$(".has-main-image").toggleClass("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 )

我希望这会有所帮助，祝好运

相关文章：