1

我有以下 HTML：

<div id="modal" ><div class="modal-window">
<ul class="action-tabs right">
<li><a href="#" title="Close window">
<img src="/Content/images/icons/fugue/cross-circle.png" width="16" height="16"></a></li>
</ul>
<div class="block-content"><h1>xx</h1>
<div class="modal-content>
...
</div>
</div>
</div>

我无法改变这种编码方式，但我需要有一个表单元素，从 h1 标题开始，到类“modal-content”的结束 div 结束。请注意，只有一个“块内容”和“模态内容”。

有没有一种使用 jQuery 的方法，我可以在表单标签中插入如下：

<div id="modal" ><div class="modal-window">
<ul class="action-tabs right">
<li><a href="#" title="Close window">
<img src="/Content/images/icons/fugue/cross-circle.png" width="16" height="16"></a></li>
</ul>
<div class="block-content"><h1>xx</h1>
<form id="xx">
<div class="modal-content>
...
</div>
</form>
</div>
</div>
4

5 回答 5

6

试试这个 ..

$(".modal-content").wrap("<form id='xx'>")

有关更多选项，请参阅http://api.jquery.com/wrap/

于 2012-09-18T10:40:31.970 回答
2 
$('.modal-content').wrap('<form id="xx"></form>');
于 2012-09-18T10:40:44.013 回答
1

是的，使用包装功能之一：http ://api.jquery.com/?s=wrap

$( '.modal-content' ).wrapAll( '<form />' );
于 2012-09-18T10:40:45.053 回答
1

一个简单的例子

$(".modal-content").wrap('<form id="xx"></form>');

见http://api.jquery.com/wrap/

于 2012-09-18T10:41:02.013 回答
0

是的，很容易：

$('.modal-content').wrap('<form id="xxx" />');

.wrap()在这里阅读更多：http: //api.jquery.com/wrap/

于 2012-09-18T10:41:53.993 回答