附加元素没有重复

Question

我想在网页的跨区末尾添加一个元素，但问题是因为有多个跨度，该元素会复制自身以附加到每个跨度而不是仅仅在最后最后一个跨度。任何解决方案/建议？

注意：我必须保留范围

JS

$('#face').css({"float":"right"}).appendTo('span');

HTML

<div id="face" style="background-color: #000000; width: 30px; height: 20px;"></div>
<br/><br/>
<span>He fell off his horse</span>
<span>and broke his ankle</span>

Answer 1

使用:last选择器

$('#face').css({"float":"right"}).appendTo('span:last');

Answer 2

为每个范围提供一个id 例如<span id="span1"></span>

然后在Jquery中添加以这种方式引用它的特定id  $('#span1').append("YOUR CONTENT")

您也可以以相同的方式使用appendTo()

Answer 3

对于这种情况，有一个方便的jQuery函数。 ＆＃34;最后＆＃34;功能

$('#face').css({"float":"right"}).appendTo($('span').last());

在JSFiddle上查看此操作。