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();