在不使用jQuery的情况下,您可以使用原生JavaScript来实现围绕文本部分包装范围。以下是一个简单的示例:
function wrapText(text, wrapper) {
const regex = new RegExp(text, "g");
const wrappedText = wrapper.replace("$1", text);
return wrappedText;
}
const text = "这是一个文本部分";
const wrapper = "<span class='highlight'>$1</span>";
const wrappedText = wrapText(text, wrapper);
document.body.innerHTML = wrappedText;
在这个示例中,我们定义了一个名为wrapText
的函数,它接受两个参数:要包装的文本和包装元素。我们使用正则表达式来查找文本,并使用replace
方法将其替换为包装元素。在这个例子中,我们使用<span>
元素来包装文本,并为其添加了一个名为highlight
的类。
要在页面上应用这个函数,只需将要包装的文本和包装元素传递给函数,然后将返回的包装文本插入到页面中即可。
请注意,这个示例仅适用于简单的文本包装。如果您需要处理更复杂的文本或HTML结构,您可能需要使用更高级的方法,例如遍历DOM节点或使用第三方库。
领取专属 10元无门槛券
手把手带您无忧上云