0 0

请教一个wrap问题 -JQuery5

<ul>
<input id="c1" type="checkbox"/>
<label for="c1">C1</label>
<input id="c2" type="checkbox"/>
<label for="c2">C2</label>
<input id="c3" type="checkbox"/>
<label for="c3">C3</label>
</ul>

变成

<ul>
<li>
  <input id="c1" type="checkbox"/>
  <label for="c1">C1</label>
</li>
<li>
  <input id="c2" type="checkbox"/>
  <label for="c2">C2</label>
</li>
<li>
  <input id="c3" type="checkbox"/>
  <label for="c3">C3</label>
</li>
</ul>
2008年7月15日 13:41

3个答案 按时间排序 按投票排序

0 0

或者:

for(var i=0;i<3;i++){
 $('ul input:nth-child(i),ul label:nth-child(i)').wrapAll('<li></li>')
}

2008年7月15日 22:58
0 0

错了;改一下

for(var i=0;i<3;i++){
 $('ul input:nth-child(i),ul label:nth-child(i)').wrapAll(document.createElement("li"))
}

2008年7月15日 22:57
0 0

for(var i=0;i<3;i++){
 $('ul input:nth-child(i),ul label:nth-child(i)').wrapAll('<li><li>')
}

2008年7月15日 22:56

相关推荐

    前端项目-jQuery.dotdotdot.zip

    同时,由于jQuery.dotdotdot是一个跨浏览器的插件,它考虑了不同浏览器之间的兼容性问题,使得在主流浏览器上都能正常工作。 总之,jQuery.dotdotdot是一个强大且灵活的前端工具,能够帮助开发者解决多行文本截断的...

    rdp-Wrap-1.6.2-for-win11-21H2

    标题“rdp-Wrap-1.6.2-for-win11-21H2”指的是一个针对Windows 11 21H2版本的RDPWrap工具的特定版本。RDPWrap是一个流行的开源工具,允许用户绕过Windows的默认限制,使多用户能够同时通过远程桌面协议(Remote ...

    vue-ueditor-wrap UEditor资源包

    Vue-UEditor-Wrap是基于Vue.js开发的一个用于集成百度UEditor的组件,它使得在Vue项目中使用UEditor变得更加方便。UEditor是一款强大的富文本编辑器,它提供了丰富的文本格式化、图片上传、表格、代码高亮等功能,...

    barchart-wrap-jackson-1.8.6-build001-sources.jar

    官方版本,亲测可用

    barchart-wrap-elasticsearch-all-0.20.4-build002.zip

    这意味着所有依赖项都已按照OSGi规范进行处理,每个组件都作为一个独立的模块存在,这有助于减少类冲突和依赖地狱问题。同时,这种封装方式也使得开发者可以更方便地与其他OSGi应用或服务进行集成,如Apache Felix、...

    eclipse换行插件ahtik-eclipse-wordwrap-0.0.5

    2. 解压下载的压缩包,你会得到一个包含插件的`.jar`文件。这个文件包含了插件的所有功能。 3. 打开Eclipse IDE,选择“帮助”(Help)菜单,然后点击“安装新软件”(Install New Software)。 4. 在打开的窗口中,...

    vue-ueditor-wrap富文本编辑框的配置和使用(vue3)

    vue-ueditor-wrap富文本编辑框的配置和使用(vue3)

    ahtik-eclipse-wordwrap-0.0.5.zip

    标题 "ahtik-eclipse-wordwrap-0.0.5.zip" 提供的是一个扩展名为 ".zip" 的软件包,这通常是一个压缩文件,包含了多个文件或目录。在这个特定的案例中,我们可以推断它是一个为 Eclipse 集成开发环境(IDE)设计的...

    vue-ueditor-wrap的ueditor

    "vue-ueditor-wrap" 是一个专门为Vue.js设计的ueditor组件,它允许你在Vue应用中无缝地使用UEditor。 UEditor 是百度开发的一款功能强大的富文本编辑器,它提供了丰富的文本格式化、图片上传、表格处理、代码高亮等...

    perl-Text-Tabs+Wrap-2013.0523-395.el8.noarch(1).rpm

    官方离线安装包,亲测可用

    Python库 | SQLAlchemy_wrap-2.1.6-py3-none-any.whl

    python库。资源全名:SQLAlchemy_wrap-2.1.6-py3-none-any.whl

    vue-ueditor-wrap-demo:基于vue-cli的演示,用于vue-ueditor-wrap

    Vue-Ueditor-Wrap-Demo 基于vue-cli的演示,用于 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build ...

    JQuery实现的一个电子相册效果

    本教程将详细讲解如何利用jQuery这个强大的JavaScript库来实现一个简单而实用的电子相册效果,非常适合初学者学习和借鉴。 ### 1. jQuery基础 在开始之前,我们需要了解jQuery的基本概念。jQuery是一个轻量级的...

    前端开源库-gulp-wrap-exports

    总的来说,`gulp-wrap-exports`是一个方便的工具,它使得前端开发者可以轻松地在浏览器环境中使用习惯的CommonJS模块,而无需担心兼容性和全局命名空间污染的问题。通过与gulp的集成,可以无缝地融入前端构建流程,...

    前端开源库-gulp-wrap-amd

    【标题】"前端开源库-gulp-wrap-amd"是一个针对前端开发的开源工具,它主要用于帮助开发者将他们的JavaScript代码按照AMD(Asynchronous Module Definition)规范进行封装。AMD是一种模块化编程的标准,它允许异步...

    jQuery插件---Fancybox

    Add images and wrap them with a link to the zoomed version -------------------------------------------- &lt;a href="image_big.jpg"&gt;&lt;img src="image_small.jpg" alt=""/&gt;&lt;/a&gt; ------------------------------...

    wrap-ansi:使用ANSI转义码对字符串进行自动换行

    包裹使用对字符串进行自动换行安装$ npm install wrap-ansi用法import chalk from 'chalk' ;import wrapAnsi from 'wrap-ansi' ;const input = 'The quick brown ' + chalk . red ( 'fox jumped over ' ) +'the lazy...

    Python库 | aws2-wrap-1.1.11.tar.gz

    本篇文章将详细介绍aws2-wrap-1.1.11,这是一个专门用于与亚马逊Web服务(AWS)交互的Python库,它使得开发者能够更加便捷地操作AWS的各种服务。 首先,让我们了解AWS。亚马逊Web服务是全球领先的云服务平台,提供...

    Python库 | python-wrap-gcp-0.0.6.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:python-wrap-gcp-0.0.6.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

Global site tag (gtag.js) - Google Analytics