Как пройти через детей div рекурсивно

Question

Как пройти через детей div рекурсивно

0

У меня такая структура 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 - элементы Nested Unordered list для JSON, но вот тег list обрабатывается, но в моем случае я хочу, чтобы все div обрабатывались как JSON.

Strawberry 24 май 2014, в 09:10

Источник

0

Когда вы говорите последний DIV, вы имеете в виду, что пытаетесь достичь самого глубокого вложенного DIV ...? Кроме того, ваша структура DIV была бы намного более удобочитаемой, если бы она была хорошо вставлена.
BRW 24 май 2014, в 07:04
0

@Wayne Уэйн, да, я пытаюсь достичь самого глубокого вложенного div
Strawberry 24 май 2014, в 07:06
0

Что вы в конечном итоге пытаетесь сделать? Вы пытаетесь представить структуру DOM как данные JSON?
cookie monster 24 май 2014, в 07:08
0

@cookiemonster Да, я хочу пройти через div и извлечь значения div для создания json.
Strawberry 24 май 2014, в 07:12
0

Это может вам помочь: jsfiddle.net/t3FNf
Vedant Terkar 24 май 2014, в 07:17
0

Этот другой вопрос в значительной степени показывает, как. Вам просто нужно избавиться от конкретных селекторов и всегда выбирать детей. В любом случае, что-то вроде этого: jsfiddle.net/f69qb Это исключает текстовые узлы, но это простое изменение - использовать .childNodes вместо .children
cookie monster 24 май 2014, в 07:19
0

@VedantTerkar спасибо, по вашей ссылке он проходит через одну ветку, как пройти через другие ветви?
Strawberry 24 май 2014, в 07:24
0

@cookiemonster спасибо.
Strawberry 24 май 2014, в 07:46
0

@cookiemonster В этом процессе функции вы передали узел в качестве аргумента, возможно ли передать имя класса div?
Strawberry 24 май 2014, в 09:02

Показать ещё 7 комментариев

Теги:

javascript

jquery

json

recursion

tree-traversal

1 ответ

Ещё вопросы

Когда вы говорите последний DIV, вы имеете в виду, что пытаетесь достичь самого глубокого вложенного DIV ...? Кроме того, ваша структура DIV была бы намного более удобочитаемой, если бы она была хорошо вставлена.
@Wayne Уэйн, да, я пытаюсь достичь самого глубокого вложенного div
Что вы в конечном итоге пытаетесь сделать? Вы пытаетесь представить структуру DOM как данные JSON?
@cookiemonster Да, я хочу пройти через div и извлечь значения div для создания json.
Этот другой вопрос в значительной степени показывает, как. Вам просто нужно избавиться от конкретных селекторов и всегда выбирать детей. В любом случае, что-то вроде этого: jsfiddle.net/f69qb Это исключает текстовые узлы, но это простое изменение - использовать .childNodes вместо .children
@VedantTerkar спасибо, по вашей ссылке он проходит через одну ветку, как пройти через другие ветви?
@cookiemonster В этом процессе функции вы передали узел в качестве аргумента, возможно ли передать имя класса div?

Jonathon Hibbard · Answer 1 · 2014-05-24T05-38-00.000Z

если вы можете использовать jQuery, тогда вы можете просто сделать что-то вроде $(".parent").find( div:last'). Если вы хотите сделать это для каждого уровня, тогда вам нужно будет $ (". Parent").find("div").each(... и проходить таким образом