如何递归遍历子div答案

【问题标题】：How to traverse through the children div recursively如何递归遍历子div
【发布时间】：2014-05-24 06:59:46
【问题描述】：

我有这样的 div 结构，由于 div 结构的结尾是未知的，所以会像子孙孙辈一样反复出现。所以我的问题是如何递归遍历直到最后一个 div。

<div class="parent">
    <div class"con">
        <div class="app">
            <div class"con">
                <div class="app">
                    <div class"con">
                        <div class="app">
                            <div class"con">
                                <div class="app">
                                </div>
                                <div class="disapp">
                                </div>
                            </div>
                        </div>
                        <div class="disapp">
                            <div class"con">
                                <div class="app">
                                </div>
                                <div class="disapp">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="disapp">
                    <div class"con">
                        <div class="app">
                        </div>
                        <div class="disapp">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="disapp">
            <div class"con">
                <div class="app">
                    <div class"con">
                        <div class="app">
                        </div>
                        <div class="disapp">
                        </div>
                    </div>
                </div>
                <div class="disapp">
                    <div class"con">
                        <div class="app">
                        </div>
                        <div class="disapp">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我找到了这样的解决方案 - Jquery tree traversal - Nested Unordered list elements to JSON，但这里只处理列表标签，但在我的情况下，我希望所有 div 都作为 JSON 处理。

【问题讨论】：

当你说最后一个 DIV 时，你的意思是你试图到达最深的嵌套 DIV...？此外，如果您的 DIV 结构被很好地标记，它的可读性会更好。
@Wayne 是的，我正在尝试达到最深的嵌套 div
你最终想要做什么？您是否尝试将 DOM 结构表示为 JSON 数据？
@cookiemonster 是的，我想遍历 div 并获取 div 值以创建 json。
这可能会帮助你：jsfiddle.net/t3FNf

标签： javascript jquery json recursion tree-traversal

【解决方案1】：

如果你可以使用 jQuery，那么你可以做类似$(".parent").find( div:last') 的事情。如果您想为每个级别执行此操作，则必须 $(".parent" ).find("div" ).each(... 并以这种方式遍历

【讨论】：