Question

我有一个脚本可以从HTML子树中获取所有子项，这些子树是文本类型。我写了但是它并没有为任何节点而烦恼

$(document).ready(function () {
    var result;
    $.each($("li").contents(), function(i, v){
        if(v.nodeType == 3){
            result = result + " " + v.nodeValue;
        }
    });
    alert(result);
});

Answer 1

您需要将result初始化为空字符串：

var result = '';

Demo

如果没有，则result初始化为undefined和

undefined + 'someString' === 'undefinedsomeString'

Answer 2

试试这个：

$(document).ready(function () {
    var result = "";
    $("li").each(function() {
       result += $(this).text();
    });
    alert(result);
});

Answer 3

在ES6中，我认为这更具可读性：

var result = [].slice.call($("li").contents())
    .filter(v => v.nodeType == 3)
    .map(v => v.nodeValue)
    .join(' ');
alert(result);

在ES5中，它更详细：

var result = [].slice.call($("li").contents())
    .filter(function(v){ return v.nodeType == 3; })
    .map(function(v){ return v.nodeValue; })
    .join(' ');
alert(result);

从Node获取所有孩子

3 个答案: