Jquery在html和纯文本中查找模式

Jquery find pattern in html and plain text

本文关键字：查找 模式 文本 html Jquery      更新时间：2023-09-26

使用jQuery打开的最佳方法是什么

<div class="some-name">
   <strong>8</strong>
   views
   <strong>2</strong>
   likes
</div>

进入

<div class="some-name">
   <div class="wrap">
     <strong>8</strong>
     views
   </div>
   <div class="wrap">
     <strong>2</strong>
     likes
   </div>
</div>

我正在尝试包装这个图案

<strong>some text</strong>
some text

在CCD_ 1中，但不确定对<strong>和纯文本对进行分组的最佳方式。

注意：在使用Jquery之前，我无法更改HTML。

您可以过滤strong元素，返回它及其同级文本节点。在附加文本后，从相邻的文本节点中删除文本，然后包装返回的元素：

此处示例

$('.some-name strong').filter(function () {
    $(this).append(this.nextSibling.nodeValue);
    this.nextSibling.nodeValue = '';
    return $(this);
}).wrap('<div class="wrap"></div>');

如果您希望在包装strong元素后附加文本节点：

更新示例

$('.some-name strong').wrap('<div class="wrap"></div>');
$('.some-name .wrap').each(function () {
    $(this).append(this.nextSibling.nodeValue);
    this.nextSibling.nodeValue = '';
});
相关文章：