javascript - jquery 如何以 dom 的形式处理字符串？

Question

具体代码如下：

function addTr() {    var str = $(this).parent().parent().html();    //这里要将 str 字符串里的 span 标签的 red blue fW 样式去掉，不知道该怎么写了    $(this).parent().parent().parent().append('<tr>' + str + '</tr>');    //$(this).parent().parent().next().find('span').removeClass('red blue fW');}

请大神帮忙看下，谢谢。

Answer 1

描述太少，也不知道你的需求是啥。
首先你这个 $(this)就有问题，this是指向到windows。

其次就是，var str = $(this).parent().parent().html();
.html()是获取的string 要去除只能用正则或者replace这种字符串的方法。

str = str.replace(/\s*(red|blue|fW)\s*/g, "")

如果只是针对str，建议：

var str = $(this).parent().parent()。str.find('span').removeClass('red blue fW');

至于你加一个tr标签，在塞回去。不知道为啥。

给你的目标加一个id吧。这样省事多了。

Answer 2

function addTr() {       var str = $(this).parent().parent().html();          var $tempDiv = $('<div>').html(str);      $tempDiv.find('span').removeClass('red blue fW');    var processedHtml = $tempDiv.html();    $(this).parent().parent().parent().append('<tr>' + processedHtml + '</tr>');}

Answer 3

从 html 字符串创建一个 dom 节点然后操作

const parent = $(this) // 或者你指定的父元素const elFromStr = $(str).removeClass('red blue fW')parent.append(elFromStr)

Answer 4

从你的问题来看，你希望在 jQuery 中处理一个字符串，去掉其中特定的 CSS 类名。你可以使用 jQuery 的 .removeClass() 方法来删除一个或多个 CSS 类。这个方法会从所有匹配元素中删除指定的类。

在你的代码中，你可以通过修改 str 字符串来删除 span 标签中的 red、blue 和 fW 类名。一种可能的方法是使用 jQuery 的 .replace() 方法替换掉这些类名。

下面是一个可能的修改：

function addTr() {    var str = $(this).parent().parent().html();    // 将 str 字符串里的 span 标签的 red blue fW 样式去掉    var newStr = str.replace(/\s*(red|blue|fW)\s*/g, "");    $(this).parent().parent().parent().append('<tr>' + newStr + '</tr>');}

这个代码会找到 str 中所有的 red、blue 和 fW（包括它们前后可能存在的空格）并替换为空字符串。\s* 会匹配可能存在的空格，g 标志表示全局搜索，即搜索整个字符串。

然后，将处理过的字符串插入到新的 tr 元素中。