jquery nextAll

by Akram kamal

HTML

<div class="test_div_main">1</div>
<div class="test_div">2</div>
<div class="test_div">3</div>
<div class="test_div">4</div>
<div class="test_div">5</div>
<div class="test_div">6</div>
<div class="test_div">7</div>

JavaScript

$(document).ready(function () {
    $('.test_div_main').click(function () {
       $(this).nextAll('.test_div').css({
            "background-color": "yellow"
        });
    });
});