Javascript 选择一个元素并向其添加CSS规则

Javascript 选择一个元素并向其添加CSS规则,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个CMS(Joomla)网站,在很多地方都有>标志。与其浏览每个模块并向其添加span,不如将其设置为superscript,我是否可以使用JS或jQuery代码来选择此注册并将其设置为superscript 我知道这是一个远大的希望,但如果真的存在,这将是超级酷 谢谢 编辑:如果可能的话,使用纯JS,因为我有一个复杂的滑块,包括jQuery会带来错误,实际上可以使用JavaScript/jQuery来完成,但这是一个非常昂贵的函数 $(document).ready(function (

我有一个CMS(Joomla)网站,在很多地方都有
>
标志。与其浏览每个模块并向其添加
span
,不如将其设置为
superscript
,我是否可以使用JS或jQuery代码来选择此注册并将其设置为superscript

我知道这是一个远大的希望,但如果真的存在,这将是超级酷

谢谢


编辑:如果可能的话,使用纯JS,因为我有一个复杂的滑块,包括jQuery会带来错误

,实际上可以使用JavaScript/jQuery来完成,但这是一个非常昂贵的函数

$(document).ready(function () {
  $("body").html($("body").html().replace(new RegExp('®', 'g'), '<sup>&reg;</sup>'));
});
可能会有使用
®用于相同的。因此,对于那些:

$(document).ready(function () {
  $(".user-content-area").html($(".user-content-area").html().replace(new RegExp('&reg;', 'gi'), '<sup>&reg;</sup>'));
});
更改为:

.split('®').join('<sup>&reg;</sup>')
.split('&reg;').join('<sup>&reg;</sup>')
.split(“®”).join(“®;”)
.split(“®;”).join(“®;”)
注意:这是区分大小写的<代码>:(


最好使用CSS,而不是javascript。 CSS:

HTML:

®;
您可以使用Sed轻松地对许多文件进行搜索/替换

find . -name "*.php" -print | xargs sed -i 's/\&reg;/<span class=\"sup\">\&reg;<\/span>/g'
find.-name“*.php”-print | xargs sed-i's/\®;/\®;/g'

(注意:未测试!

您是否可以将
>>
封装在类似
的东西中?如何生成?您的站点是否有其他文本以及®?我会直接修改HTML。使用JS作为解决UI问题的支柱是一个坏主意。使用javascript遍历HTML以找到此符号是没有人会推荐您的。最好将它包装在任何HTML标记中,例如span或sup。这需要时间,但它更优雅,更易于维护。我不太了解Joomla,但更好的解决方案是在服务器端替换它,也许或者类似的方法对您有效。
.split('®').join('<sup>&reg;</sup>')
.split('&reg;').join('<sup>&reg;</sup>')
.sup { vertical-align: super; }
<span class="sup">&reg;</span>
find . -name "*.php" -print | xargs sed -i 's/\&reg;/<span class=\"sup\">\&reg;<\/span>/g'