码迷,mamicode.com
首页 > 移动开发 > 详细

jq中append()、prepend()、after()、before()的区别详解

时间:2018-03-12 20:53:37      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:cti   开头   operator   body   gpo   pos   -o   remove   tor   

1、append() - 在被选元素的结尾插入内容(内容的结尾,比如说有个a标签,则是在</a>这个标签之前添加东西)

2、prepend() - 在被选元素的开头插入内容(内容的开始,比如说有个a标签,则是在<a>这个标签之后添加东西)

3、after() - 在被选元素之后插入内容(元素的结尾,比如说有个a标签,则是在</a>这个标签之后添加东西)

4、before() - 在被选元素之前插入内容(内容的开始,比如说有个a标签,则是在<a>这个标签之前添加东西)

 

 

所以我们经常用的表格元素的添加,一般用apend 和prepend ,因为是在</table>标签之前。

比如 btn1 和btn3两个按钮,两个表格,未上传 nouploaded和已上传uploaded。 未上传表中选中,一行或者几行,按btn1,那么将这几行数据移动到已上传的表中。

在已上传的表中,选中一行或者几行,按btn3,几行数据移动到未上传的表中。

$(document).ready(function(){

$("#btn1").on("click",function(){
  $(‘#nouploaded tbody :checked‘).parents(‘tr‘).appendTo(‘#uploaded‘);
  $("#nouploaded tbody :checked").parents(‘tr‘).remove();
})
$("#btn3").on("click",function(){

  $(‘#uploaded tbody :checked‘).parents(‘tr‘).appendTo(‘#nouploaded‘);

  $("#uploaded tbody :checked").parents(‘tr‘).remove();
})


})

jq中append()、prepend()、after()、before()的区别详解

标签:cti   开头   operator   body   gpo   pos   -o   remove   tor   

原文地址:https://www.cnblogs.com/jiangshengxiang/p/8550986.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!