SO - 17420281

by Arun P Johny

HTML

<div class="main">
    <a class="blah">blah</a>
</div>
<div class="main">
    <a class="blah">blah</a>
</div>
<div class="main reply">
    <a class="blah">blah</a>
</div>
<div class="main reply">
    <a class="blah">blah</a>
</div>
<div class="main reply">
    <a class="blah">blah</a>
</div>
<div class="main">
    <a class="blah">blah</a>
</div>
<div class="main reply">
    <a class="blah">blah</a>
</div>

CSS

.main {
    color: red;
}

.main.reply{
    color: green;
}

JavaScript

$('.blah').on('click', function(){
    var new_add = '<div class="new">xxx</div>';
    $(this).closest('.main').nextUntil('.main:not(.reply)').addBack().last().after(new_add);
});