javascript - 在 jQuery 中使用 append 选择 div 放置

Question

使用以下代码:

<script type="text/javascript">
function moveFront(el){
    var me = $('#'+el.closest('div').attr('id'));
    var parent = me.parent();
    parent.find('div:first').prepend(me);
    //?
}
</script>
<div class="comments">
<div id="105">
    105
    <p>...</p>
    <form>...</form>

    <div id="116">
        116
    </div>
    <div id="106">
        106
    </div>
    <div id="109">
        109
        <button onclick="moveFront($(this));"></button>
    </div>
</div>
</div>

1. 我想在 ID 为 105 的元素中附加一个新的 div 元素，但是，我不希望它位于末尾或开头。它应该在其他 div 元素之前。

2. 如果使用了一个按钮，如 ID 为 109 的 div 元素所示，我如何将它移动为第一个 div 元素ID为105？

Answer 1

你可以使用before方法:

Insert content, specified by the parameter, before each element in the set of matched elements.

$('#105 div:first').before('<div id="115"></div>')
$('#109').appendTo($('#105 div:first'))

Fiddle

请注意，ID 必须唯一，如果页面的文档类型不是 HTML5，则 ID 必须以字母开头。

---

如果你想将按钮的 div parent 移动到第一个 div 你可以尝试:

function moveFront(el){
     el.closest('div').prependTo($('#105 div:first'))
}

Fiddle