附加容器的内部内容而不丢失 jQuery 中的绑定

Question

我试图将一个容器的内容从一个容器附加到另一个容器而不丢失任何类型的绑定，我挠头想知道为什么它如此困难：D

<div class="container">
    <div class="field">
         <label>Password</label>
         <input type="username" />
    </div>
</div>
<div class="container">
    <div class="field">
         <label>Password</label>
         <input type="password" />
    </div>
</div>

// This puts the actual container in, I need the inner contents of it
$('.container').eq(0).append($('.container').eq(1));

// This loses any sort of binding that applies to what I'm moving
$('.container').eq(0).append($('.container').eq(1).html());

// This screws up the HTML
$('.container').eq(0).append($('*', $(container).eq(1)));

似乎是一项简单而常见的任务，但我没有知道如何解决这个问题吗？我的第一个答案是将内容包装在另一个容器中并移动它。

你觉得怎么样？我是疯了还是这是不可能的？ ：D

Answer 1

这应该可以满足您的要求：

$('.container').eq(0).append($('.container').eq(1).children());

JSBin 示例 - 您会注意到更改功能仍然适用于附加字段。