JQuery更改span标记内的文本

时间:2016-02-20 13:42:28

标签: jquery

我正在运行AddThis社交媒体关注小部件。在以下三个图标中的每一个之后,名称将出现在文本中(通过他们的JS),我希望将其删除。

<span class="addthis_follow_label">Facebook</span>
<span class="addthis_follow_label">Twitter</span>
<span class="addthis_follow_label">Google Follow</span>

我正在使用以下JQuery来实现此目的

<script>
    function test(){
        $(".addthis_follow_label").text(function(index, text) {
            return text.replace("Facebook", "");
                });
        $(".addthis_follow_label").text(function(index, text) {
            return text.replace("Twitter", "");
                });
        $(".addthis_follow_label").text(function(index, text) {
            return text.replace("Google Follow", "");
                });
};
window.onload=test;
</script>

有时会删除文本,有时直到刷新页面才会删除文本。如何改进此脚本以使其在首次显示页面时显示?

3 个答案:

答案 0 :(得分:0)

您可以尝试将其附加到DOMContentLoaded而不是window.onload。或者,如果您使用的是jQuery,则可以使用$(document).ready(test);

答案 1 :(得分:0)

请查看他们的文档

http://www.addthis.com/academy/using-addthis-asynchronously/

您可能会在此文档中找到有用的内容。

答案 2 :(得分:0)

我使用过的JQuery代码。经过更多阅读后,我发现更改仅在加载整个页面后生效。一旦页面加载并且不在中途停止,代码就会起作用。