wrap(html )、wrap(elem )、wrap (fn ),详细使用方法如下。
wrap(html )用其他元素的结构化标签包围所有匹配的元素。 在不影响原始文档的语义质量的情况下,在文档中插入其他结构化标记时,此包最有用。
这个函数的原理是检查所提供的第一个元素并根据所提供的HTML标记码动态地生成。 然后,在该代码结构中找到最高位的祖先要素。 这个祖先要素是说唱要素。
如果HTML标记代码中的元素包含文本,则此函数不可用。 因此,添加文本时,必须在包裹完成后再添加。
------------- -请参阅
返回值jQuery参数html (字符串) : HTML标记码字符串。 动态生成元素并包装目标元素的示例将使用新创建的div包装所有段落
wrap(elem )使用其他元素的结构化标签包装所有匹配的元素。 -----------------请参阅ry参数用于包装elem(element ) :目标元素的示例DOM元素用id为" content "的div包装每个段落
WRAP(fn )使用其他元素的结构化标签包装所有匹配的元素。
------------- -请参阅
返回值jQuery参数fn(function ) :使用原始div的内容作为新div的类,包装每个元素,作为生成包装结构的函数的示例
HTML 代码:
ptestparagraph./p divid=' content '/div 3358 www.Sina.com /
$(p ).wrap ) document.getelementbyid ) ) content );jQuery 代码:
divid=' content ' ptestparagraph./p/div divid=' content '/div
HTML代码:
divclass=' container ' divclass=' inner ' hello/divdivclass=' inner ' goodbye/div/div jquery代码:
$ ().inner ).wrap(function ) ({ return ' divclass=' ' $ (this ).text ) )、' '/'; ); 结果:
divclass=' container ' divclass=' hello ' divclass=' inner ' hello/div/divdivclass=' goodbye ' divclass=' iner
上文提到的http://hi.Baidu.com/Jiang _ YY _ Jiang/blog/item/b 31e7CFD 33 dfe 11 a 08244 def.html/cm tid/76c 6584594 CB 96318699477
HTML代码:
pTest Paragraph./p代码段是否仍然存在验证的代码段是jQuery代码:
$(p ).wrap ) ) divclass=(wrap )/div ); 处理后由
div class=' wrap ' ptestparagraph./p/div已被替换为原始位置。 这里的置换是错误的。 上面的代码段应该用JQuery语句限定。 其实源代码没有变。 此外,w3school的列子如下所示: html
头戴
script type=' text/JavaScript ' src='/jquery/jquery.js '/script
script type='text/javascript '
$(document ).ready (function ) )。
$'.BTN1'.click(function ) ) )。
$(p ) ).wrap ) ) Pb//p ); //将所有p元素包含在pb/b/p中
);
);
/脚本
style type='text/css '
div { background-color : yellow; }
/style
/head
实体
pThis is a paragraph./p
aaaa
pThis is another paragraph./p
button class='btn1 '每个段落用div包裹/button
/body
/html 结果:
HTML代码:
pTest Paragraph./p jQuery代码:
$(p ).wrap ) ) divclass=(wrap )/div ); 结果:
div class=' wrap ' ptestparagraph./p/div