在div中添加文本以查找内容

Question

我有一个带有id的div content.我想在这个div中搜索,My Company然后在div id =中出现的任何地方添加My Company商标®符号content.问题是文本My Company并不总是在HTML中My Company.它可能是My <span style="something">C</span>ompany或者My <font color="something">C</font>ompany我不知道如何®在文本后添加符号,My Company即使它包含html标签(如上所述).

我想用JS/Jquery做这个.非常感谢!!!

尝试:

$("#content").each(function() {
    var text = $(this).text();
    text = text.replace("My Company", "My Company®");
    $(this).text(text);
});

但只有当它My Company不是My <span style="something">C</span>ompany或时它才有效My <font color="something">C</font>ompany

编辑

我有一个(单个)div #content

例

<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et nisl quam. Praesent semper enim elit, vel imperdiet ipsum vulputate ac. Curabitur lacinia vitae metus sit amet consectetur.

My Company

Sed metus risus, iaculis a erat id, pretium congue nisi. Phasellus tempor, massa lobortis scelerisque pharetra, orci metus ultrices quam, eu sodales massa erat ut ipsum. Vestibulum ullamcorper interdum pretium. My <span style="color: orange;">C</span>ompany Praesent mollis in ex in feugiat. Ut vitae placerat diam. 
</div>

Answer 1

如果您希望页面上有多个具有相同样式的 div，请使用类。

\n\n

$("#content").each(function() {\n    var text = $(this).html();\n    text = text.replace(/My Company/g, "My Company<sup>\xc2\xae</sup>");\n    text = text.replace(/My (<\\/?span[^>]*>C\\<\\/span\\>ompany)/g, "My Company<sup>\xc2\xae</sup>");\n    text = text.replace(/My (<\\/?font[^>]*>C\\<\\/font\\>ompany)/g, "My Company<sup>\xc2\xae</sup>");\n    $(this).html(text);\n});\n

\n