选择内的 HTML 内容并附加到
我正在尝试做这样的事情:
<div id="aa">
<select><option>1</option></select>
<select><option>a</option></select>
</div>
<div id="bb"></div>
$('#aa').html(appendTo('#bb'));
如何将 #aa
内的两个选择菜单移动到 #bb
?
非常感谢。
I'm trying to do something like this:
<div id="aa">
<select><option>1</option></select>
<select><option>a</option></select>
</div>
<div id="bb"></div>
$('#aa').html(appendTo('#bb'));
How can I move the two select menus inside #aa
to #bb
?
Many thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
如果您想移动它们,而不是复制它们,请执行以下操作:
如果您确实想要复制它们,则可以执行以下操作:
这两者都可以防止您不必要地破坏DOM 元素,并且它们保留元素上的任何事件处理程序。
编辑:我走错了方向。我将
bb
的子级附加到aa
中。固定的。If you want to move them, and not copy them, do this:
If you do want to copy them, you can do this:
Both of these prevent you from needlessly destroying DOM elements, and they retain any event handlers on the elements.
EDIT: I was going the wrong direction. I had the children of
bb
appended toaa
. Fixed.移动还是复制?
您可以使用它来复制:
$('#bb').html($('#aa').html());
如果您要清除
#aa< /code> 只需执行:
$('#aa').html('');
http://jsfiddle.net/VhuG7/
Move, or copy?
You could use this to copy:
$('#bb').html($('#aa').html());
And if you're clearing the
#aa
just do:$('#aa').html('');
http://jsfiddle.net/VhuG7/
将所有“选择”元素从 aa 移动到 bb
Moves all 'select' elements from aa to bb
这应该有效
this should work