jQuery在子集

Question

我想使用jQuery在另一个元素和特定位置插入一个html元素。

我已经找到了一种方法可以在Javascript中完成它，但是想知道在jQuery中是否有更短的“一行代码”方式。

var container = document.getElementById("container");
container.insertBefore( html, container.children[0] );

非常感谢提前

Answer 1

使用选择器作为给定种类的第n个孩子和before方法（假设您的新内容属于html）：

$("#container > div:nth-of-type(42)").before(html);

如果要插入一个新元素作为容器的第一个或最后一个子元素，还有另一个api选项：

$("#container").append( html );
$("#container").prepend( html );

（为了完整起见，append / prepend是jQuery API文档的链接）

Answer 2

如果你想用jquery在另一个元素中添加一个元素，你必须这样做：

$('#container').append(html);