jQuery獲取節(jié)點和子節(jié)點文本的方法
更新時間:2014年07月22日 17:27:35 投稿:whsnow
本節(jié)主要介紹了jQuery如何獲取節(jié)點和子節(jié)點文本,下面有個示例,大家可以參考下
對于下面的html片段,
<div id="text_test">test text<a href="techbrood.com" rel="external nofollow" >techbrood co.</a></div>
獲取節(jié)點純文本:
var text = $('#text_test').text()
這個會得到“test text techbrood co.”,也就是會把當(dāng)前元素的所有節(jié)點(包含子節(jié)點)的文本讀取出來。
如果只想獲取主節(jié)點的文本,方法復(fù)雜點:
var text = $("#text_test").contents().filter(function() { return this.nodeType === 3; }).text();
獲取某子節(jié)點的文本:
var text = $("#text_test > a").first().contents().filter(function() { return this.nodeType === 3; }).text();
您可能感興趣的文章:
- jQuery插件zTree實現(xiàn)刪除樹子節(jié)點的方法示例
- jquery獲取子節(jié)點和父節(jié)點的示例代碼
- jQuery循環(huán)遍歷子節(jié)點并獲取值的方法
- jquery實現(xiàn)點擊TreeView文本父節(jié)點展開/折疊子節(jié)點
- jquery 取子節(jié)點及當(dāng)前節(jié)點屬性值的方法
- jquery 取子節(jié)點及當(dāng)前節(jié)點屬性值
- jquery的父、子、兄弟節(jié)點查找,節(jié)點的子節(jié)點循環(huán)方法
- jQuery插件zTree實現(xiàn)清空選中第一個節(jié)點所有子節(jié)點的方法
- jQuery刪除/清空指定元素的所有子節(jié)點實例代碼
相關(guān)文章
JQuery插件Marquee.js實現(xiàn)無縫滾動效果
這篇文章主要介紹了JQuery插件Marquee.js實現(xiàn)無縫滾動效果的相關(guān)資料,需要的朋友可以參考下2016-04-04使用jQuery fancybox插件打造一個實用的數(shù)據(jù)傳輸模態(tài)彈出窗體
模態(tài)窗體已經(jīng)成為Web開發(fā)人員設(shè)計界面時經(jīng)常要使用的傳輸數(shù)據(jù)的方式;通過模態(tài)窗口,可以提高網(wǎng)站的可用性;你可以在你的郵件里收到用戶發(fā)送的反饋消息2013-01-01jquery之a(chǎn)jaxfileupload異步上傳插件(附工程代碼)
在處理文件上傳時需要使用到文件的異步上傳,這里使用Jquery Ajax File Uploader這個組件,服務(wù)器端采用struts2來處理文件上傳2013-04-04jQuery彈性滑動導(dǎo)航菜單實現(xiàn)思路及代碼
用一個絕對定位的div作為動畫滑塊,改變它的left屬性來呈現(xiàn)動畫效果javascript:hover()觸發(fā)移動鼠標(biāo)到導(dǎo)航nav的動作,和移出導(dǎo)航nav的動作2013-05-05