wrap_jQuery wrap()的用法
概述
jquery中wrap()用于把所有匹配的元素用其他元素的结构化标记包裹起来。
这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素（它是由所提供的html标记代码动态生成的），并在它的代码结构中找到最上层的祖先元素，这个祖先元素就是包裹元素。当HTML标记代码中的元素包含文本时无法使用这个函数。因此，如果要添加文本应该在包裹完成之后再行添加。
定义和用法
wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。
语法
$(selector).wrap(wrapper)| 参数 | 描述 |
|---|---|
| wrapper | 必需。规定包裹被选元素的内容。 可能的值:
已存在的元素不会被移动，只会被复制，并包裹被选元素。 |
示例
html参数描述:
把所有的段落用一个新创建的div包裹起来
jQuery 代码:
$("p").wrap("<div></div>");elem参数描述:
用ID是"content"的div将每一个段落包裹起来
jQuery 代码:
$("p").wrap(document.getElementById('content'));回调函数 描述:
用原先div的内容作为新div的class，并将每一个元素包裹起来
HTML 代码:
<div>
<div>Hello</div>
<div>Goodbye</div>
</div>jQuery 代码:
$('.inner').wrap(function() {
return '<div + $(this).text() + '" />';
});结果:
<div>
<div>
<div>Hello</div>
</div>
<div>
<div>Goodbye</div>
</div>
</div>本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
