javascript - 在 Jquery 中移动元素

Question

我想在 DIV 中的 HTML 中添加一个字体元素。同一页面内会有多个具有唯一ID的div。

<div id="id-unknown">
  "Some Text"
 <font color="red">*</font>
</div>

至

<div id="id-unknown">
  <font color="red">*</font>
  "Some Text"
</div>

我使用这个 Jquery 代码来实现它，但它获取所有字体并添加到每个 div 元素

$("font").prependTo($("font").parent());

http://jsfiddle.net/s4Ehw/

Answer 1

如果您只想对特定 div 执行此操作，只需添加 ID 选择器并使用 .each 获取对特定元素 (this) 的引用

$('#id1, #id2, #id3').children('font').each(function() {
    $(this).prependTo(this.parentNode);
});

如果每个 font 标记都需要此更改，请使用与上面相同的 .each 构造，但使用 $ ('font')，根据您的原始代码和 Si Donaldson 的答案。

为了获得额外的性能，请将函数体替换为:

var parent = this.parentNode;
parent.insertBefore(this, parent.firstChild);

即用直接 DOM 操作替换 jQuery 调用。