javascript - 使用jquery将div中的所有链接添加到另一个带有break的div

Question

我试图从 div links 中获取链接并将它们添加到 div links2 中，保持 div links 中的链接保持原样，而 div links2 中的链接带有 <br />在每个链接之后

你在说什么啊!! 好的，让我们看一下:

HTML:

<div id="links">
  <a href="#">one</a>
  <a href="#">two</a>
  <a href="#">three</a>
</div>
<div id="results"></div>
<div id="links2"></div>

JS:

var elements = $('#links a');
$('#results')
.text('there are ' + elements.length + ' links');
$('#links2').append(elements)

好吧，忽略结果 div，这只是显示总共有多少个链接。

现在我有附加，它完全删除了 div 链接中的链接。我怎样才能做到这一点，以便它只将链接添加到 links2，并在每个链接之间添加 br 。

因此最终输出将打印如下内容:

<div id="links">
  <a href="#">one</a>
  <a href="#">two</a>
  <a href="#">three</a>
</div>
<div id="results">there are 3 links</div>
<div id="links2">
  <a href="#">one</a><br />
  <a href="#">two</a><br />
  <a href="#">three</a><br />
</div>

更新了 fiddle :(仍然需要添加 br) http://jsfiddle.net/upLg4/44/

Answer 1

在附加到其他元素之前，您必须.clone()它，

$('#links2').append(elements.clone())

DEMO

对象elements引用了div#link内的一组 anchor 标记，因此通常append在遇到引用的对象时会将元素从一个位置移动到另一个位置其他元素/选择器。这就是为什么我们必须手动克隆它。