遍历div的所有子项

Question

我正忙于一个页面，该页面将从数据库中加载一些信息，但是要做到这一点，我首先必须声明一些内容。但是我需要访问html对象中的所有元素。因此，如果我的HTML代码是这样的：

    <div class="container">
        <div class="parent1">
            <div class="child1ofparent1"></div>
            <div class="child2ofparent1"></div>
            <div class="child3ofparent1"></div>
        </div>
        <div class="parent2">
            <div class="child1ofparent2"></div>
            <div class="child2ofparent2"></div>
            <div class="child3ofparent2"></div>
        </div>
        <div class="parent3">
            <div class="child1ofparent3"></div>
            <div class="child2ofparent3"></div>
            <div class="child3ofparent3"></div>
        </div>
    </div>

我只想通过调用$(".container");遍历所有孩子们>

我现在这样做的方式只是循环遍历所有硬编码，但是由于该应用程序将由我的学校使用，因此有些事情需要更加灵活。

我已经尝试过：

$(".container > *").each(function(i, element) {
       console.log(element);
    });
但是这只会返回第一个孩子（.parent1，.parent2，.parent3）。

我正忙于一个页面，该页面将从数据库中加载一些信息，但是要做到这一点，我首先必须声明一些内容。但是我需要访问html对象中的所有元素。因此，如果我的...

Answer 1

您正在使用child combinator-".container > *"。改用descendant combinator-".container *"。

Answer 2

虽然其他答案是正确的，但应尽可能避免使用通用选择器（*），因为它匹配任何元素，而不仅仅是您要寻找的元素，这取决于您的DOM

Answer 3

这将返回所有以[name^=”value”]为祖先的孩子

Answer 4

你很近。

    $("*", ".container").each(function(i, element) {
       console.log(element);
    });

意味着只寻找孩子，而不是所有后代。

Answer 5

我自己的建议。使用div确定所需的嵌套级别。