jQuery附加到相邻元素

Question

这是结构。

<div>
  <a>Blah</a>
  <span>5</span>
</div>
<div>
  <a>Blah</a>
  <span>6</span>
</div>

这就是我想要的东西

<div>
  <a>Blah<span>5</span></a>
</div>
<div>
  <a>Blah<span>6</span></a>
</div>

这是我尝试的内容

$("div span").appendTo("a", this);

但最终我的两个跨度都落在了两个元素中。

Answer 1

$("div span").each(function () {
    $(this).appendTo($(this).prev('a'));
});

Answer 2

不像考拉的答案那么优雅，但这就是我想出来的：

$('div span').each(function() {
    $(this).parent().find('a').append($(this).detach());
});

Working Demo (jsFiddle)

Answer 3

var span = "<span></span>";
$("div a").append(span);

或试试这个

var span = "<span></span>";
$("div a").html(span);

FIDDLE