CODEWITHSUNDEEP
jquery
user1692333
user1692333

Reputation: 2597

How to select first occurence in each div?

My structure looks like this:

<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>

In container I need to select each first rows first col-lg-3. Is it possible to do with jQuery selectors or I should loop each row?

Upvotes: 2

Views: 27

Answers (1)

Milind Anantwar
Milind Anantwar

Reputation: 82231

You need to use parent > child selector:

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

Upvotes: 1

Related Questions