如何在jquery对象中放置一个html标记

Question

我想用另一个标签替换span标签但是当我清空标签时它也会删除span标签。我想重新实现span标签以及其中的新内容。 非常感谢任何帮助，谢谢。

基本问题是如何在jQuery对象字符串中添加span标记

仅供参考，我只是添加了相应的脚本，以便您可以看到我想要的基本概念。我知道代码不会根据我发布的内容工作。要添加的代码太长了。

javascript代码：

    var UxDesign = new Object();
    UxDesign.h1 = "HELLO |" + <span>eHello</span>"";
    content.find('h1').empty();
    h1Text.text(UxDesign.h1);

html代码：

    <h1>Interactive  | <span>eDetail</span></h1>

当然，当我在浏览器中查看它时会出现这样的情况：

    HELLO |<span>eHello</span>

当我希望它像这样显示时

    HELLO | eHello

我的原因是我有span标记，我显示了两种不同的字体。

Answer 1

我只想改变一些事情：

首先，您的变量UxDesign.h1应该= "hello | <span>eHello</span>";所以请将它们全部保存在相同的引号中。

在您清空h1后，您需要使用.html()代替.text()来更新其中的HTML：

h1Text.html(UxDesign.h1);