鍍金池/ 問答/HTML5  數(shù)據(jù)庫  HTML/ 怎么獲取這段DOM元素中的文字結(jié)點(diǎn)?

怎么獲取這段DOM元素中的文字結(jié)點(diǎn)?

<div id='test'> asdfgh <span class='cancel-btn'>×</span></div>

想只獲得'asdfgh' 要怎么獲得呢？ 用jquery或者原生js都可以，謝謝各位大佬T_T

回答
編輯回答
久愛她

innerText

上邊為沒看清題的手機(jī)回答，以下為正確答案：

如果確定里邊僅僅會(huì)多一個(gè)x的話，最簡單的就是.innerText.replace(/x$/, '')

如果是要過濾掉其中的標(biāo)簽的話，可以這么來：
innerHTML.replace(/<.*?>.*?<\/.*?>/g, '')

2018年2月5日 22:55
編輯回答
放開她

var p = $("#test").text()
var c = $(".cancel-btn").text()
var i = p.lastIndexOf(c)
var r = p.slice(0, i)

2017年4月13日 04:58
編輯回答
空白格

你敢不敢在排版的時(shí)候給他加個(gè)標(biāo)簽了，干嘛非要跟自己過不去了

2018年6月11日 15:05
編輯回答
咕嚕嚕

你這個(gè)排版有問題啊，如果按照你這個(gè)排版來獲取的話
$("#test").text().split($(".cancel-btn").text())[0]

2017年5月9日 19:11
編輯回答
念舊

簡單，快速，原生。

document.getElementById('test').firstChild
樓上都在干啥呢？

https://developer.mozilla.org...

2018年5月19日 10:21