Question

How to append received elements after certain index, so first two elements do not get erased?

<div id ="wrapper">
    <div id="picker1"></div>
    <div id="picker2"></div>
    <div class="results"></div> // delete this and append result,
                                // which is let say 10 div's class result
</div>

this

$('#wrapper').html(result), or $('#wrapper').clear().append(result)

deletes first two elements also, is there a way to clear all elements with index > 1 and apend after index > 1??

Answer 1

Try this

$('#wrapper')
.find('div.results')
.remove()
.end()
.append(result);

Alternatively you can simply use replaceWith jQuery method.

$('div.results').replaceWith(result);

If you want to remove all the child elements which are at index > 1 then use this.

$('#wrapper')
.children(':gt(1)')
.remove()
.end()
.append(result);