從Node獲取所有孩子

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

嘗試這個：

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

Answer 2

您需要將result初始化為空字符串：

var result = '';

演示

如果不是，則將result初始化為undefined ，然后

undefined + 'someString' === 'undefinedsomeString'

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);