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、效果演示
在HTML5当中，JavaScript里面有一个概念叫做DOM
DOM，表示文档对象模型，可以将HTML当中所有的内容都看做是一个节点，而根据节点的不同也就有了所谓的“标签节点”“文本节点”等各类节点
举个例子：
<div>内容</div>在这个div标签当中，div这个标签就是标签节点，而文本就是文本节点
首先节点太多并不会影响你取节点对象，这个只是开发者工具为了方便帮你隐藏了。例如你要取<pre>1000</pre>这个对象（开发者工具隐藏的），你直接用grep函数来筛选，
$grep( $('pre'), function(n,i){ return ninnerHTML== 1000; });
或者，取1000以上的
$grep( $('pre'), function(n,i){ return ninnerHTML> 1000; });
获取点击元素的第一个兄弟元素的文本，可以有如下几种方法
先获取父元素，在获取第一个子元素
直接获取第一个兄弟元素
所有的方法用jQuery 非常好做， 原生js 代码非常繁琐。
最好不要在html中写js，样式，结构，行为要分离
下面我给出了原生js实现功能的一些代码。你试试jquery会非常简单的。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table>
<tr>
<td>111</td>
<td class="btn">点我</td>
</tr>
<tr>
<td>222</td>
<td class="btn">点我</td>
</tr>
</table>
</body>
</html><script>
var btn = documentquerySelectorAll("btn");
for(var i=0,l=btnlength;i<l;i++){
btn[i]onclick = function () {
var parent = thisparentNode;
var firstNode = parentchildNodes;
for(var i=0,l=firstNodelength;i<l;i++){
if(firstNode[i]nodeType === NodeELEMENT_NODE){
alert(firstNode[i]innerText);
return false;
}
}
}
}
</script>
以上就是关于JQuery如何读取节点中的内容全部的内容，包括:JQuery如何读取节点中的内容、html5 什么叫文本节点、html节点太多导致无法获取节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）