jQuery insertAfter不工作

我有一套按钮：

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

显示链接
显示联系人
显示更新
显示操作项

我正在尝试在它后面插入我的this div：

<div id="link_group">

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

adsfadsf

它应该在我单击id=“show\u link\u group”的按钮后插入：

$（'show#link_group'）。单击（函数（）{
$（“必须使用选择器指定插入位置，而不是HTML字符串

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

这会将其从当前位置移动到按钮后面。
您将.after（）方法向后移动。您需要首先告诉它，“我要在哪个元素后面插入它。”然后告诉它要在该元素后面插入的内容

你有这个：

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

这是一个jsbin和您的解决方案。
您的选择器错误，您使用的是
after
方法，而不是
insertAfter
。我们有
p1
元素吗？没有，但OP显然不在乎，这就是他想要插入的内容。@barmar-我的link\u组中没有p1元素。我的link\u组有一堆表，para图表和列表。我想在我的#按钮下插入我的link_组中的所有内容。请给出建议。你的问题中有
。因此，将该占位符替换为实际存在的内容。问题是关于
insertAfter
，而不是
之后的
。他的代码使用了错误的代码。你是正确的。我使用了.after（）因为这就是用户代码中的内容。根据insertAfter（）文档，它们都执行相同的任务，“主要的区别在于语法，特别是内容和目标的位置。”我添加的jsbin显示了这两种情况。
$("#link_group").insertAfter("#button");

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

var content = "my content";
$('#show_link_group').click(function() {
   $("#button").after(content);
});