如何在每个div中选择第一次出现？

Question

我的结构如下：

<div id="container">
    <div class="row">
        <div class="col-lg-3"> <!-- select -->
            <div class="row">
                <div class="col-lg-3">
                    <div class="row">
                        <div class="col-lg-3">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-3"> <!-- select -->
            <div class="row">
                <div class="col-lg-3">
                    <div class="row">
                        <div class="col-lg-3">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-3"> <!-- select -->
            <div class="row">
                <div class="col-lg-3">
                    <div class="row">
                        <div class="col-lg-3">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

在容器中，我需要先选择每个第一行col-lg-3。是否可以使用jQuery选择器，或者我应该循环每一行？

Answer 1

您需要使用 parent > child 选择器：

$('#container > .row > .col-lg-3')