jQuery selektor test

by dirkk0

HTML

<div id="A1">
    <div class="child">A1-1</div>
    <div class="child">A1-2</div>
    <div class="orphan">A1-3</div>
    <div class="child">A1-4</div>
 
    <div id="A2">
        <div class="child">A2-2</div>
        <div class="child">A2-2</div>
        <div class="infiniteScroll">A2-1</div>
 
        <div class="A3">
            <div class="child">A3-1</div>
            <div class="child">A3-2</div>
        </div>
    </div>
 
</div>

CSS

div{
        padding:8px;
        border:1px solid;
    }

JavaScript

$('#A2').children('.child:first').css('background','red');