Question

我是Jquery的新手。我需要el方法text（）在div2中以粗体显示标签，不仅仅是文本

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#div1").text("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    $("#div2").text("HTML: " + $("#test").html());
  });
});
</script>
</head>

<body>
<p id="test">This is some <b>bold</b> text in a paragraph.</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>

结果如下。我不想要<b>bold</b>，但是文字是粗体

HTML: This is some <b>bold</b> text in a paragraph.

Answer 1

使用

$('#div1').html("This is some <b>bold</b> text in a paragraph.");

Answer 2

试试这个

$("#btn1").click(function(){
    $("#div1").text("Text: " + $("#test").html());
  });
  $("#btn2").click(function(){
    $("#div2").html("HTML: " + $("#test").html());
  });

这里是demo http://jsfiddle.net/r1cj52ds/1/

jQuery .text（）：获取匹配元素集合中每个元素的组合文本内容，包括其后代，或者设置匹配元素的文本内容。 http://api.jquery.com/text/

jQuery .html（）：获取匹配元素集中第一个元素的HTML内容，或者设置每个匹配元素的HTML内容。 http://api.jquery.com/html/

Answer 3

使用下面的代码

$(document).ready(function(){
  $("#btn1").click(function(){
    $("#div1").html("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    $("#div2").html("HTML: " + $("#test").html());
  });
});

Imprime标签<b> Jquery </b>

3 个答案: