jQuery中wrap、wrapAll和wrapInner用法以及区别

原文:

成都创新互联公司主要从事成都网站建设、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务鹿泉,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

<ul>

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

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

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

</ul>

 

 

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

每一个选择器都添加

<ul>

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

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

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

</ul>

 

2、$("li").wrapAll("<div></div>");

在所有选中的选择器最外面添加

<ul>

  <div>

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

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

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

  </div>

</ul>

 

3、$("li").wrapInner("<div></div>");

为选择器的内容添加

<ul>

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

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

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

</ul>

分享标题:jQuery中wrap、wrapAll和wrapInner用法以及区别
文章转载:https://www.cdcxhl.com/article10/ihijdo.html

成都网站建设公司_创新互联,为您提供App开发网站改版外贸网站建设品牌网站设计网站导航网站营销

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

商城网站建设