javascript - JQuery:如何遍历一个div的所有子元素

Question

我正在尝试遍历给定 div 中的所有元素并将结果(我稍后将使用的 C# 代码)输出到屏幕以进行测试。

所以如果我有这样的 html:

    <div id="testDiv">
        <test>
            <a>aVal</a>
            <c>
                <cc>ccVal</cc>
            </c>
       </test>
    </div>

我正在尝试生成这个字符串值:

HtmlElement.CreateNode("test").AddNode(CreateNode("a").addText("aVal")).AddNode(CreateNode("c").AddNode(CreateNode("cc").addText("ccVal"))

现在我已经准备好这个 jquery，但我不确定如何深入到其他节点:

var x = "HtmlElement.";
$('div#testDiv').children().each(function () {    
    var nodeNameStr = this.nodeName.toLowerCase();
    var nodeText = $(this).text();
    x += "CreateNode(nodeNameStr).addText(nodeText)"
});

Answer 1

jsFiddle Example

$('#testDiv').find('*').each(function() {
     // do stuff
});