Javascript 使用Jquery在索引位置后追加元素?

Javascript 使用Jquery在索引位置后追加元素?,javascript,jquery,html,jquery-ui,jquery-selectors,Javascript,Jquery,Html,Jquery Ui,Jquery Selectors,如何将接收到的元素附加到某个索引之后,以便前两个元素不会被擦除 <div id ="wrapper"> <div id="picker1"></div> <div id="picker2"></div> <div class="results"></div> // delete this and append result,

如何将接收到的元素附加到某个索引之后,以便前两个元素不会被擦除

<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>
同时删除前两个元素,是否有办法清除所有索引大于1且索引大于1的元素

试试这个

$('#wrapper')
.find('div.results')
.remove()
.end()
.append(result);
或者,您可以简单地使用
replaceWith
jQuery方法

$('div.results').replaceWith(result);
如果要删除索引大于1的所有子元素,请使用此选项

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

假设我理解你的问题

您可以使用删除索引为1的
div

$('#wrapper > div:gt(1)').remove();
之后,可以使用

$('#wrapper').append("<div>Hello World</div>");
$(“#包装器”).append(“Hello World”);
您可以使用伪选择器:

var wrapper = $("#wrapper");
wrapper.find("> :gt(1)").remove(); // Remove indexes 2 onward
wrapper.append(result);
…但是对于您引用的特定HTML,您可以删除带有类“results”的div

$('#包装器*:gt(1)')。替换为('foo')
//选择索引>=2的包装中的所有内容
//并用foo替换它
这个怎么办:

$('#wrapper')
 .append(result)
 .find('div.results')
 .remove()
$('#wrapper .results').after(result).remove();
它非常简单:
$('.results').replaceWith(result)
请参见以下内容:

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