入参是'12331231<img src="123" />31231231<div>312</div>'，和'12' 返回一个字符串，要求将文本中文本节点的12都加上em标签包裹并返回

可以使用正则表达式来实现文本节点的替换。

以下是实现该功能的 Python 代码示例：

import re

def wrap_text_with_em(text, pattern):
    # 匹配文本节点中的 pattern
    regex = re.compile(f"(?<!<){pattern}(?!>)")
    # 将匹配到的文本节点加上 em 标签
    result = regex.sub(f"<em>{pattern}</em>", text)
    return result

text = '12331231<img src="123" />31231231<div>312</div>'
pattern = '12'

result = wrap_text_with_em(text, pattern)
print(result) # 输出： 123<em>12</em>31231<img src="123" />3<em>12</em>31231<div>312</div>

代码中使用了 `re.compile` 函数来编译正则表达式，然后使用 `sub` 函数将匹配到的文本节点加上 em 标签。

其中正则表达式 `f"(?<!<){pattern}(?!>)"` 包含了两个零宽度断言，分别是：

- `(?<!<)` 表示匹配前面不是 `<` 的位置；
- `(?!>)` 表示匹配后面不是 `>` 的位置。

这样可以确保只匹配到文本节点中的 pattern，而不会匹配到 HTML 标签中的内容。

相关问题

'12331231<img src="123" />31231231<div>312</div>'

根据您提供的样例，我假设您想要提取文本和标签的类型。如果您想要提取的标签类型不同，请在代码中相应地进行修改。以下是示例代码：

function getTextWithType(text) {
  const regex = /<(\/?)(\w+)[^>]*>([^<]*)/g;
  const result = [];

  let match;
  while ((match = regex.exec(text)) !== null) {
    if (match[1] === '/') {
      // 关闭标签
      result.push({
        text: '',
        type: `/${match[2]}`
      });
    } else if (match[3].trim() !== '') {
      // 开始标签
      result.push({
        text: match[3],
        type: match[2]
      });
    }
  }

  return result;
}

// 示例用法
const text = '12331231<img src="123" />31231231<div>312</div>';
const result = getTextWithType(text);
console.log(result);

在上面的代码示例中，我们定义了一个名为 `getTextWithType` 的函数，该函数将接受一个文本字符串作为参数。我们使用正则表达式来查找文本中所有的标签，并将它们存储在 `result` 数组中。我们使用 `(\/?)` 来匹配开头的斜杠（用于区分开始和结束标签），并使用 `(\w+)` 匹配标签的名称。我们还使用 `[^>]*` 来匹配标签中的所有属性。最后，我们使用 `[^<]*` 来匹配标签中的文本内容。

在代码中，我们使用 `while` 循环遍历所有匹配项，并根据每个匹配项的内容将其添加到 `result` 数组中。如果匹配项是关闭标签，则我们将其添加到 `result` 数组中，类型为 `/${match[2]}`。如果匹配项是开始标签，则我们将其添加到 `result` 数组中，类型为 `match[2]`，文本为 `match[3]`。

请注意，这只是一个简单的示例函数，它只适用于简单的 HTML 文本，而且也无法处理嵌套标签等复杂情况。如果您需要更复杂的处理方式，请根据您的具体需求进行相应的修改。

<div class="imgInimgAndInfo"> <img src="/images/productSingle/${productImage.id}.jpg" class="bigImg"> <div class="smallImageDiv"> <c:forEach items="${product.productImages}" var="pi"> <img src="/images/productSingle_small/${pi.id}.jpg" bigImageURL="/images/productSingle/${pi.id}.jpg" class="smallImage"> </c:forEach> </div> <div class="img4load hidden" ></div> </di

根据你提供的代码，这段代码显示了一个商品的图片。首先，代码使用了`${productImage.id}`变量来确定商品的主要图片的文件名，然后将其拼接到了`/images/productSingle/`字符串之后，显示了一个大的商品图片。接下来，使用了JSTL的`<c:forEach>`标签遍历了商品的所有图片，使用`${pi.id}`变量来确定每个图片的文件名，并将其拼接到了`/images/productSingle_small/`字符串之后，显示了多个小的商品图片。其中，`bigImageURL`属性指定了鼠标悬停在小图上时显示的大图的URL地址。最后，使用了一个空的`div`元素作为一个占位符，用于在商品图片加载时显示一个loading的动画。