Question

JQuery如何读取节点中的内容

例如：<p>今天真高兴</p>
使用JQuery如何得到<p>标记下的内容“今天真高兴”
使用DOM又如何操作？
谢谢！

Answer 1

JQuery提供以下两个方法可以读取节点中的内容：

• text() - 设置或返回所选元素的文本内容

• html() - 设置或返回所选元素的内容（包括 HTML 标记）

注意二者在获取内容上的区别，实例演示如下:

1、HTML结构

<div id="test"><i>示例文字</i></div>
<input type="button" id="btn1" value="获取text">
<input type="button" id="btn2" value="获取html">

2、jquery代码

$(function(){
	$("#btn1").click(function() {
		alert($("#test").text());
	});
	$("#btn2").click(function() {
		alert($("#test").html());
	});
});

3、效果演示

Answer 2

只获取文本内容$("p").text();
获取内容含html标记$("p").html();

$('#btn1').click(function() {
var temp = $("p").text();
alert(temp);
});

Answer 3

jqueyr：
$('p').html();

dom：
document.getElementsByTagName('p')[0].value;