您的位置:首页 > Web前端 > JQuery

jQuery中wrap和wrapAll用法以及区别

2012-03-18 09:51 423 查看
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

$("li").wrap("<div></div>");

});

</script>

</head>

<body>

<ul>

<li title='苹果'>苹果</li>

<li title='橘子'>橘子</li>

<li title='菠萝'>菠萝</li>

</ul>

</body>

</html>

上面如果是 wrap,结果是:

<ul>

<div><li title="苹果">苹果</li></div>

<div><li title="橘子">橘子</li></div>

<div><li title="菠萝">菠萝</li></div>

</ul>

如果是wrapAll,结果是:

<ul>

<div><li title="苹果">苹果</li><li title="橘子">橘子</li><li title="菠萝">菠萝</li></div>

</ul>

原帖地址:http://tianjun309.iteye.com/blog/803183
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: