使用Jquery替换div中的文本

时间:2013-08-02 19:17:33

标签: jquery html

我有一些看起来像

的东西
<div id="ABCLinks"> : <span dir="ltr"><a href="www.google.com" title="GOOGLE">Google</a></span>

我正在尝试仅将文本“:”替换为“网站:”而不在其周围添加任何源标记()。

这是我试过的没有效果:

<script type="text/javascript">
    $(document).ready(function() {
​        $("#ABCLinks").text(function () {
            return $(this).text().replace(":", "Websites:"); 
        });​​​​​
    }); 
</script>

我得到这个html输出(我使用php皮肤自动嵌入我的jquery脚本,它适用于其他jquery脚本)

<script type="text/javascript">$(document).ready(function() {
&#8203;$("#ABCLinks").text(function () {
return $(this).text().replace(":", "Websites:"); });&#8203;&#8203;&#8203;&#8203;&#8203;
    }); 
</script>

2 个答案:

答案 0 :(得分:4)

$(document).ready(function() {
    $("#ABCLinks").text(function () {
        return $(this).text().replace(":", "Websites:"); 
    });
}); 

你给你的div一个ID,但试图在jQuery中按类调用它。使用类似'.ABCLinks'的句点引用类,而使用'#ABClinks'等标签引用ID

这是一个小提琴:http://jsfiddle.net/ERe9z/

答案 1 :(得分:2)

两个问题,

  1. 您的选择器不正确

    ​$("#ABCLinks")用于引用ID字段。

  2. 对于此

  3. ,HTML功能会好很多

    http://api.jquery.com/html/#html-htmlString

    .html( htmlString )

    htmlString

    输入:htmlString

    要设置为每个匹配元素内容的HTML字符串。

    <script type="text/javascript"> $(document).ready(function() { ​$("#ABCLinks").html("Websites:"); });​​​​​ </script>

    修改。并且适合您特定情况的小提琴:http://jsfiddle.net/ERe9z/7/