jQuery添加到下一个元素（添加在后面）

Question

HTML是
<a>ref</a>

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

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

- Qiao

---

可能是重复的问题：jQuery：在另一个元素后添加元素 - Shafizadeh

Answer 1

使用after或insertAfter：

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

- Jeff Sternal

---

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

Answer 2

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

- rahul

---

.insertAfter() 会尝试在 "text" 后面插入 'a'。请反过来操作，或使用 .after()。 - jweyrich

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>

- Deva.TamilanbanThevar

Answer 4

使用.insertAfter()或.after()函数。

- jAndy

Answer 5

你可以像这样做：

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

- Rakesh Kumar