1
A
回答
0
JQuery有Wrap方法,您可以使用它来将整个div/span引入表单。
$('.inner').wrap('<form class="newform" action="..." method="..." />');
这里实测值:http://api.jquery.com/wrap/
考虑以下HTML:
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
使用.wrap(),我们可以插入围绕内元件,像这样的HTML结构:
$('.inner').wrap('<div class="new" />');
新元素即时创建并添加到DOM。其结果是一个新的每一个匹配元素缠:
<div class="container">
<div class="new">
<div class="inner">Hello</div>
</div>
<div class="new">
<div class="inner">Goodbye</div>
</div>
</div>
此方法的第二个版本允许我们,而不是指定一个回调函数。这个回调函数将为每个匹配元素调用一次;它应该返回一个DOM元素,jQuery对象或HTML代码片段来包装相应的元素。例如:
$('.inner').wrap(function() {
return '<div class="' + $(this).text() + '" />';
});
这将导致每一个具有对应于它环绕文字类:
<div class="container">
<div class="Hello">
<div class="inner">Hello</div>
</div>
<div class="Goodbye">
<div class="inner">Goodbye</div>
</div>
</div>
例子: 举例:环绕式的所有段落的一个新的div。
<!DOCTYPE html>
<html>
<head>
<style>
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
<script>$("p").wrap("<div></div>");</script>
</body>
</html>
+1
谢谢ShaunOReilly,这非常有帮助! – JDL 2013-04-09 21:36:19
+0
听起来像你仍然需要更多的信息? – ShaunOReilly 2013-04-10 00:48:48
相关问题
- 1. Linkedin简介链接
- 2. 简单的选择元素编辑器
- 3. Linkedin Javascript简介API坏
- 4. 简单形式标签类
- 5. 任何jsp标签库来执行简单的excel编辑?
- 6. 简单形式的两个关联标签元素
- 7. C#单元测试简介
- 8. activeX/OCX简单的HTML编辑器
- 9. Change Linkedin公司简介插件宽度
- 10. Linkedin API获取所有公司简介
- 11. 三维图形编程简介
- 12. 简单形式 - 导轨4 - 编辑
- 13. Phonegap简单编辑
- 14. AngularJs简单编辑
- 15. 最简单的HTML文本标签
- 16. PHP简单的HTML DOM - 标签ATTRIB
- 17. 通过LinkedIn网址获取LinkedIn人的基本简介
- 18. 简单的方法来模糊标签
- 19. Java图形库简介
- 20. HTML标签的Intellij简写
- 21. 需要简单的JS文本里面的标签编辑器
- 22. JFreeChart - 环形图简单标签定位
- 23. iteratee简介或简单的例子?
- 24. jQuery简单标签
- 25. 简单Clojure的XML编辑
- 26. 创建简单的编辑
- 27. 简单的CSS编辑
- 28. 简单介绍java游戏编程
- 29. 简单的标签布局中的意外视觉元素
- 30. 简单的java测试库来验证生成的标签
MVC与rasor模板类似,使用jQueru UI的东西。看看JQuery UI – ShaunOReilly 2013-04-08 23:16:08