jQuery添加旁边（添加之后）答案

【问题标题】：jQuery add next to (add after)jQuery添加旁边（添加之后）
【发布时间】：2011-02-06 03:32:07
【问题描述】：

HTML 是
<a>ref</a>

我需要
<a>ref</a>text

我该怎么做？ $('a').append('text') 只在<a></a> 中插入文本，而不是在它之后

【问题讨论】：

标签： jquery

【解决方案1】：

使用after 或insertAfter：

$('a').after('text');
$('text').insertAfter('a');

【讨论】：

我试试这个：$( "#hoa_maintenance_fee_value" ).after('select'); 它在父元素中添加了 12 个新的选择下拉菜单。有没有办法让它只在目标兄弟之后放置一个选择框？

【解决方案2】：

使用.insertAfter() 或.after()

【讨论】：

【解决方案3】：

$('a').after("text");

【讨论】：

【解决方案4】：

使用以下 HTML：

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

可以创建内容，然后一次插入多个元素之后：

$('.inner').after('<p>Test</p>');

每个内部元素都会获得这个新内容：

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <p>Test</p>
  <div class="inner">Goodbye</div>
  <p>Test</p>
</div>

DOM 中的一个元素也可以被选中并插入到另一个元素之后：

$('.container').after($('h2'));

如果以这种方式选择的元素被插入到别处，它将被移动而不是克隆：

<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
<h2>Greetings</h2>

【讨论】：

【解决方案5】：

你可以这样做：

$('').insertAfter('class name or content string') ;

【讨论】：