jQuery添加旁边（添加后）

Question

HTML是
<a>ref</a>

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

我该怎么做？ $('a').append('text')仅将文字插入<a></a>，而不是

Answer 1

使用after或insertAfter：

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

Answer 2

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

Answer 3

使用以下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>

Answer 4

使用.insertAfter()或.after()

Answer 5

您可以这样做：

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