Добавить элементы после позиции индекса с помощью Jquery?

Question

Как добавить полученные элементы после определенного индекса, чтобы первые два элемента не стирались?

<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>

это

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

удаляет также первые два элемента, есть ли способ очистить все элементы с индексом> 1 и apend после индекса> 1 ??

Answer 1

все довольно просто: $('.results').replaceWith(result);
Смотри http://api.jquery.com/replaceWith/

Answer 2

Что по этому поводу:

$('#wrapper .results').after(result).remove();

Answer 3

Что по этому поводу:

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

Answer 4

$('#wrapper *:gt(1)').replaceWith('<div>foo</div>')
// select everything in wrapper with an index >= 2
// and replace it with <div>foo</div>

Answer 5

Вы можете использовать псевдоселектор : gt :

var wrapper = $("#wrapper");
wrapper.find("> :gt(1)").remove(); // Remove indexes 2 onward
wrapper.append(result);

... но в случае указанного вами HTML-кода вы можете просто удалить div с помощьюкласс "результаты".

var wrapper = $("#wrapper");
wrapper.children(".results").remove();
wrapper.append(result);

Answer 6

Если я понимаю ваш вопрос.

Вы можете удалить divs with index > 1, используя

$('#wrapper > div:gt(1)').remove();

После того, как вы можете добавить, используя

$('#wrapper').append("<div>Hello World</div>");

Answer 7

Попробуйте это

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

В качестве альтернативы вы можете просто использовать replaceWith jQuery метод.

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

Если вы хотите удалить все дочерние элементы с индексом> 1, используйте это.

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