只获取子类内容

Question

怎么只获取内容text：你好

Answer 1

试试：

var boxText = document.querySelector('.box').firstChild.data;
console.log(boxText);

---

补一个参考：
Text节点的属性：data

Answer 2

遍历所有子节点, 判断是不是文本节点, 然后拼接字符串.
好像有点蠢, 看高手有没有其他方法.
https://jsfiddle.net/an0mgwot/

Answer 3

var boxText = document.querySelector('.box').firstChild.nodeValue;

console.log(boxText);

Answer 4

var box = document.querySelector('.box').firstChild.nodeValue.replace(/(^s)|(s$)/g, "");
console.log(box);

Answer 5

// 个人感觉写的挺通用的，挂载到jq上用起来也方便

<div class="box">
    111
    <div>222</div>
    <span>333</span>
</div>
<div class="box">
    888
    <div>222</div>
    <span>333</span>
</div>
<script src="jquery-3.1.1.js"></script>
<script>
$.fn.mySelfText = function() {
    var that = $(this);
    if (that.length == 0) {
        console.warn('sorry');
        return;
    }
    var obj = that.clone();
    var allChildren = obj.children();
    var arrText = [];
    for (var i = 0; i < allChildren.length; i++) {
        $(allChildren[i]).empty();
    };
    for (var i = 0; i < obj.length; i++) {
        arrText[i] = obj.eq(i).text().replace(/\s/g, '');
    }
    console.log(arrText);
    return arrText;

};
$('.box').mySelfText();
</script>

Answer 6

怎么只获取text：你好