快捷導(dǎo)航

jQuery獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本的方法

更新時(shí)間：2014年07月22日 17:27:35 投稿：whsnow

本節(jié)主要介紹了jQuery如何獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本，下面有個(gè)示例，大家可以參考下

對(duì)于下面的html片段，

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

獲取節(jié)點(diǎn)純文本：

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

這個(gè)會(huì)得到“test text techbrood co.”，也就是會(huì)把當(dāng)前元素的所有節(jié)點(diǎn)（包含子節(jié)點(diǎn)）的文本讀取出來(lái)。

如果只想獲取主節(jié)點(diǎn)的文本，方法復(fù)雜點(diǎn)：

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

獲取某子節(jié)點(diǎn)的文本：

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

您可能感興趣的文章:

相關(guān)文章

jquery 實(shí)現(xiàn)二級(jí)/三級(jí)/多級(jí)聯(lián)動(dòng)菜單的思路及代碼
jQuery的AJAX功能和asp.net來(lái)實(shí)現(xiàn)省市區(qū)的三級(jí)聯(lián)動(dòng)效果，其他二級(jí)、三級(jí)或多級(jí)聯(lián)動(dòng)也可以按照此方法完成，由此需求的朋友可以參考下哈，希望可以幫助到你
2013-04-04
jQuery $.extend()用法總結(jié)
這篇文章主要介紹了jQuery $.extend()用法,需要的朋友可以參考下
2014-06-06
jquery form 加載數(shù)據(jù)示例
這篇文章主要介紹了jquery form 加載數(shù)據(jù)的具體實(shí)現(xiàn),需要的朋友可以參考下
2014-04-04
Jquery上傳插件 uploadify v3.1使用說(shuō)明
uploadify ，簡(jiǎn)單實(shí)用的flash上傳組件，兼容性良好。現(xiàn)已有html5版本
2012-06-06
jQuery+ajax實(shí)現(xiàn)文章點(diǎn)贊功能的方法
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)文章點(diǎn)贊功能的方法,涉及jQuery基于ajax無(wú)刷新post提交實(shí)現(xiàn)點(diǎn)贊功能的具體步驟與相關(guān)技巧,需要的朋友可以參考下
2015-12-12
使用jQuery Mobile框架開(kāi)發(fā)移動(dòng)端Web App的入門(mén)教程
jQuery Mobile是移動(dòng)端的基于jQuery的Web前端開(kāi)發(fā)框架,移動(dòng)設(shè)備上的瀏覽器對(duì)HTML5的支持普遍較強(qiáng),因而jQuery Mobile的UI設(shè)計(jì)主要針對(duì)HTML5,下面就來(lái)詳細(xì)看一下使用jQuery Mobile框架開(kāi)發(fā)移動(dòng)端Web App的入門(mén)教程
2016-05-05
jQuery結(jié)合CSS制作漂亮的select下拉菜單
對(duì)于我來(lái)說(shuō)，標(biāo)準(zhǔn)的HTML元素（Select）已經(jīng)讓我感到討厭。它不能夠正常的在IE瀏覽器上顯示。還有一點(diǎn)就是他并不僅僅包含簡(jiǎn)單的文本。本實(shí)例將完全摒棄select元素，通過(guò)JQuery和CSS來(lái)構(gòu)建DropDown元素。
2015-05-05
jQuery選中select控件無(wú)法設(shè)置selected的解決方法
select 控件的 option用jQuery動(dòng)態(tài)添加，然后選中某項(xiàng)時(shí)，IE6不能執(zhí)行（火狐沒(méi)問(wèn)題），用try{}catch(err){alert(err.description);}提示為“無(wú)法設(shè)置selected屬性未指明的錯(cuò)誤”
2010-09-09
jQuery基本篩選選擇器實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了jQuery基本篩選選擇器實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery中find()方法用法實(shí)例
這篇文章主要介紹了jQuery中find()方法用法,實(shí)例分析了find()方法的功能、定義及獲取匹配元素后代元素的使用技巧,需要的朋友可以參考下
2015-01-01