Question

我有以下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>

Answer 1

试试这个..

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

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

Answer 2

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

Answer 3

是的，使用其中一个包裹函数：http://api.jquery.com/?s=wrap

$( '.modal-content' ).wrapAll( '<form />' );

Answer 4

一个简单的例子

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

请参阅http://api.jquery.com/wrap/

Answer 5

是的，很简单：

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

点击此处.wrap()了解详情：http://api.jquery.com/wrap/

我可以使用jQuery用<form> </form>包围元素吗？

5 个答案: