javascript - 查找单词并替换为 div 中的标签 jQuery

Question

我有一个带有一些文本的 div，我正在尝试使用 jQuery 将该文本替换为 html 标签，但是，它将替换标签作为文本而不是 html 标签

以下是html结构

<h3>Rs.1410 / 30 Tablet(s) </h3>

我尝试过的JS是

$("h3").text(function () {
    return $(this).text().replace("Rs.", "<i class='fa fa-inr'></i>"); 
});

如果我尝试 .html() 那么它会替换该 div 中我不想要的所有内容。有人可以建议吗

谢谢

Answer 1

使用html()函数而不是 text()

$("h3").html(function () {
    return $(this).text().replace("Rs.", "<i class='fa fa-inr'></i>"); 
});

来自文档

A function returning the HTML content to set. Receives the index position of the element in the set and the old HTML value as arguments. jQuery empties the element before calling the function; use the oldhtml argument to reference the previous content. Within the function, this refers to the current element in the set.