使用jquery从类中删除单词

我在页面上有以下html：

<h1 class="theme-color-3">Knowledge Portal Site</h1>

这是动态呈现的。我不想在“知识门户”之后使用“站点”这个词。我不知道“站点”这个词是硬编码的，所以我编写了以下jquery代码来删除该词。

$(document).ready(function() {
  $('h1.theme-color-3').html($('h1.theme-color-3').html().replace('Site',''));

});

但问题在于，因为此代码仅在整个页面加载完成后执行，所以“站点”一词显示一段时间然后消失。有办法防止这种情况吗？谢谢

已邀请:

2 个回复

砷竣阿

在<h1>元素后面放置一个<script>元素，如下所示：

<h1 class="theme-color-3">Knowledge Portal Site</h1>
<script type="text/javascript">
$('h1.theme-color-3').text($('h1.theme-color-3').text().replace('Site',''));
</script>

这将确保在解析元素后立即处理脚本，因此请确保jQuery脚本位于<head>或至少在文档的上方。此外，如果您不应用HTML，请使用text()而不是html()。它效率更高。

递劝臼类洪

您可以使用CSS将元素设置为display:none，但这样可以在没有元素的情况下关闭javascript。基本上没有好的解决方案。

要回复问题请先登录或注册

使用jquery从类中删除单词

2 个回复

发起人

问题状态

使用jquery从类中删除单词

与内容相关的链接

2 个回复

发起人

问题状态