在字符串中添加html标记

时间:2014-08-09 21:19:32

标签: javascript jquery html

我知道这可能很简单,但我找不到适合这种情况的任何信息。 我有像......这样简单的文字。

  

从头发上冲洗颜色,再次冲洗,然后轻轻擦干......“+ "<b>" +”不要洗发。“+ "</b>" +”。干燥头发约75%,然后在填充的头发上涂上最后的颜色。“

在这个例子中,我用 包装的文字是粗体,但在我的app,html和jquery中,它没有。 如何将html标签添加到文本字符串中?我还需要在p标签中包装文本。

正在将文本动态添加到div中。它回到了我的功能

 var result = "text and then <b> text to be bold </b> more text.  

然后我使用jQuery将它添加到div中。

4 个答案:

答案 0 :(得分:2)

确保使用{/ 1}}方法,如

.html

答案 1 :(得分:2)

您应该使用JQuery .html方法。如果我们想要改变某些div的id为```enterTextHere``的HTML内容,我们将进行以下调用:

$("#enterTextHere").html("text and then <b> text to be bold </b> more text.");

请参阅此jsfiddle以获取一个工作示例:http://jsfiddle.net/dx9yozj9/

答案 2 :(得分:1)

你不需要jQuery。只需输入:element.innerHTML = result;

即可

答案 3 :(得分:-1)

我希望你正在寻找

<div class="test"></div>

<script>
  $(document).ready(function(){
    var str = '';
    str = 'Rinse the color from the hair, condition, rinse again, then gently towel dry';

    str+='<b>Do not shampoo.</b>. Dry hair about 75% and then apply final color over filled hair.';
   $('.wrapper').html(str);
  });
</script>