将窗体标记内的所有控件移动到div
问题描述:
这是我用于将div添加到页面的jQuery代码。将窗体标记内的所有控件移动到div
var div = jQuery(document.createElement('div'));
div.attr('id', 'divFormWrapper');
div.css({
"position": "absolute",
"top": 0,
"left": 0,
"width": "100%",
"height": "100%",
"overflow": "auto",
"-webkit-overflow-scrolling": "touch",
"background-color": "orange",
"border": "none",
"z-index": 0,
"display": "block"
});
jQuery('form').wrap(div);
它在窗体标签之前添加了div标签。我需要它在表单标签后添加div标签。
<div id="divFormWrapper" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow-x: auto; overflow-y: auto; background-color: red; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; z-index: 0; display: block; ">
<form name="Form1" method="post" id="Form1">
controls.......
</form>
</div>
这是我需要它做的。
<form name="Form1" method="post" id="Form1">
<div id="divFormWrapper" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow-x: auto; overflow-y: auto; background-color: red; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; z-index: 0; display: block; ">
controls.......
</div>
</form>
答
jQuery('form').children().wrapAll(div);
答
我修改它使用一个更具体的选择
$('#form1').children().wrapAll('<div id="divFormWrapper"/>`);
http://api.jquery.com/wrapInner/ – j08691 2012-04-12 16:45:16
为什么不使用jQuery的人'show()'和'隐藏( )'并预先定义了div? – CKKiller 2012-04-12 16:45:25