jQuery insertAfter 不起作用

Question

我有一组按钮:

  <div id="button">
      <button id="show_link_group">Show Links</button>
      <button id="show_contact_group">Show Contacts</button>
      <button id="show_update_group">Show Updates</button>
      <button id="show_activity_group">Show Action Items</button>
  </div>

我试图在它后面插入我的这个 div:

<div id="link_group">

      <p1>adsfadsf</p1>
</div>

它应该在我单击 id="show_link_group"按钮后插入:

$('#show_link_group').click(function() {
  $("<div id='link_group'").after('<div id="button"></div>');
});

当我点击它时，它没有执行任何操作。我遵循了这个文档:

http://api.jquery.com/insertafter/

我做错了什么？

谢谢!

Answer 1

您必须使用选择器来指定插入位置，而不是 HTML 字符串。

$("<div id='link_group'><p1>asdfasdf</p1></div>").insertAfter("#button");

如果 link_group DIV 已在 DOM 中，您可以执行以下操作:

$("#link_group").insertAfter("#button");

这会将其从当前位置移动到按钮后面。