js jq 如何获取文本节点

获取元素文本节点的方法网上有好几种，我对比了用其中最简单的一种
1、jquery获取

<div id="demo">只获取我<a href="">别管我</a></div>var a = $ ("#demo").prop ('firstChild').nodeValue;
console.log(a);

1、js原生获取

<div id="demo">只获取我<a href="">别管我</a></div>var a = document.getElementById('demo').firstChild.nodeValue;
console.log(a);

或者：

对于下面的html片段，

<div id="text_test">test text<a href="techbrood.com">techbrood co.</a></div>

获取节点纯文本：

var text = $('#text_test').text()

这个会得到“test text techbrood co.”，也就是会把当前元素的所有节点（包含子节点）的文本读取出来。

如果只想获取主节点的文本，方法复杂点：

var text = $("#text_test").contents().filter(function() {return this.nodeType === 3;
}).text();

获取某子节点的文本：

var text = $("#text_test > a").first().contents().filter(function() {return this.nodeType === 3;
}).text();

js jq 如何获取文本节点相关推荐

html 获得文本节点,JavaScript获取节点——获取文本节点
0.前言上一章讲了如何获取获取标签(元素)节点,这一节来和大家说一下如何获取属性节点. 我还是用代码来讲解: 获取属性节点 var jsInput = document.getElementById ...
js与jquery获取子节点、父节点、兄弟节点的方法
js与jquery获取子节点.父节点.兄弟节点的方法在写代码时,时不时会遇到获取子节点.父节点等需要,但有的时候总是弄混淆不是很清晰,所以针对这些问题,总结了jquery与js获取节点的方法 js方 ...
js如何获取文本节点的值?
两种方法: 比如有个文本节点:<div id="test"><strong>this is value</strong></div> ...
使用jQuery获取文本节点的内容
function click(e) { //获取点击对象的文本内容 var tar = $(e.target).html(); //判断获取到的文本内容是不是为空 if (tar != '') { / ...
JavaScript 技术篇-js通过xpath获取dom节点，js校验xpath唯一性
document.evaluate() 就是通过 xpath 获取 dom 节点. 返回的结果通过 .iterateNext() 可以获得 dom 对象,每次调用会少一个,当没有时就返回空. 返回匹配 ...
js练习6 --- DOM文本节点的操作、动态脚本、动态样式、操作表格
目录第一题 1. 在⽹页中,添加三个DIV段落: 2. 为第⼀个DIV段落,连续添加两个⽂本节点,再将两个⽂本合并: 3. 为第三个DIV段落,添加包含4个列表项的列表,请使用DocumentFra ...
jq输出文本_jQuery获取文本节点之 text()/val()/html() 方法区别
1. 无参html():取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档,返回的是一个String 例子: html页面代码: Hello jquery代码:$( ...
JS中通过id或者class获取文本内容
一.JS通过id获取文本内容二.JS通过class获取文本内容
mysql获取终节点_mysql 函数获取子节点
DELIMITER $$ USE `topsale`$$ DROP FUNCTION IF EXISTS `getShopIdByUserId`$$ CREATE DEFINER=`root`@`%` ...

js jq 如何获取文本节点

js jq 如何获取文本节点相关推荐

最新文章

热门文章