jquery select nested div

http://stackoverflow.com/questions/14267958/jquery-select-nested-div

by Mi Ku

HTML

<table>
    <tr>
        <td class="ms-disc-bordered-noleft" class="a" style="padding:10px">
            <div class="a">
                <div class="a external">1some content
                  <div class="a">zzzzz</div>                
                </div>
                <div class="a">2my content</div>
            </div>
            <div class="a">
                <div class="a external">2some content</div>
                <div class="a">2my content</div>
            </div>
            <p></p>
        </td>
    </tr>
</table>

CSS

.a {
    margin-top:2px;
    padding:2px;
    border:1px solid red
}
.b {
    padding:2px;
    border:1px solid green
}

JavaScript

$('.ms-disc-bordered-noleft div:first').siblings('div').addBack().filter(':nth-child(2)').toggleClass('b');
$('p').text($('.ms-disc-bordered-noleft div').siblings('div').addBack().length);