代码之家  ›  专栏  ›  技术社区  ›  griegs

jquery替换span中的html

  •  9
  • griegs  · 技术社区  · 15 年前

    替换的内容有问题吗? <span 在jquery中。

    我有这个;

    <span class='DimensionList'>
      some html
    </span>
    

    $('.DimensionList').html("<b>This is the new html</b>");
    

    我发现在FF中,范围的内容被添加到。所以新的HTML位于旧的之上。

    在IE6,是的,我必须迎合它,它做了很多相同的事情。

    编辑

    我已经编辑了这个问题以显示替换的HTML中有HTML

    4 回复  |  直到 12 年前
        1
  •  15
  •   hybernaut    15 年前

    由于替换文本中没有标记,请使用text()而不是html():

    $('.DimensionList').text("This is the new html");
    
        2
  •  3
  •   user2377420    12 年前

    如果需要使用.html(),可以先清空它: $('.DimensionList').html("").html("<b>This is the new html</b>");

        3
  •  1
  •   Jared    15 年前

    您已经在JavaScript中大写了维数列表,并且在HTML源代码中是小写的。它们必须是相同的。换句话说,它是区分大小写的。

        4
  •  0
  •   JustcallmeDrago Vivek    15 年前

    你试过.text()吗?它类似于.html()。

    来自jquery的文档:

    与.html()方法不同,.text()可以 在XML和HTML中都使用 文件

    我们需要知道这个方法 转义作为提供的字符串 必须这样才能 正确的HTML格式。要做到这一点,它需要 dom方法.createTextNode(), 将特殊字符替换为 它们的HTML实体等价物(例如 <用于<)。

    http://api.jquery.com/text/