如截图:

<ul>
<li class="li01" onclick="C_columnSetTop(this)"><i></i>置顶</li>
<li class="li02" onclick="C_columnSetMoveUp(this)"><i></i>上移</li>
<li class="li03" onclick="C_columnSetMoveDown(this)"><i></i>下移</li>
<li class="li04" onclick="C_columnSetBottom(this)"><i></i>置底</li>
<li class="li05"><i></i>刷新</li>
<li class="li06" onclick="C_columnSetDel(this)"><i></i>删除</li>
</ul>
<table>
<thead>
<tr>
<th>列名</th>
<th>是否显示</th>
</tr>
</thead>
<tbody class="M_scrollBar">
<tr>
<td>客户状态1</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态2</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态3</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态4</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态5</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
<tr>
<td>客户状态</td>
<td><input type="checkbox" class="R_checkbox"><label></label></td>
</tr>
</tbody>
</table>
<script>
//居中弹框(列设置)删除
function C_columnSetDel(o){
var obj = $(o).parent().next('table').find("tbody tr.P_current");
if(obj.length > 0){
obj.hide();
}else {
win.alert('系统提示', '请选择要【删除】的列!');
}
} //居中弹框(列设置)置底
function C_columnSetBottom(o){
var obj = $(o).parent().next('table').find("tbody tr.P_current");
var list = $(o).parent().next('table').find("tbody tr");
if(obj.length > 0){
var thisLocation = list.index( obj );
if( thisLocation >= list.length - 1 ){
win.alert('系统提示', '已移到最底端了!');
}else {
//console.log (thisLocation);
obj.parent().append(obj); //移动到最底
}
//console.log (list.length);
}else {
win.alert('系统提示', '请选择要【置底】的列!');
}
}
//居中弹框(列设置)下移动
function C_columnSetMoveDown(o){
var obj = $(o).parent().next('table').find("tbody tr.P_current");
var list = $(o).parent().next('table').find("tbody tr");
if(obj.length > 0){
var thisLocation = list.index( obj );
if( thisLocation >= list.length - 1 ){
win.alert('系统提示', '已移到最底端了!');
}else {
//console.log (thisLocation);
obj.next().after(obj); //下移动
}
//console.log (list.length);
}else {
win.alert('系统提示', '请选择要【下移】的列!');
}
} //居中弹框(列设置)置顶
function C_columnSetTop(o){
var obj = $(o).parent().next('table').find("tbody tr.P_current");
var list = $(o).parent().next('table').find("tbody tr");
if(obj.length > 0){
var thisLocation = list.index( obj );
if( thisLocation < 1 ){
win.alert('系统提示', '已移到最顶端了!');
}else {
console.log (thisLocation);
obj.parent().prepend(obj); //移动到最顶
}
}else {
win.alert('系统提示', '请选择要【置顶】的列!');
}
}
//居中弹框(列设置)上移动
function C_columnSetMoveUp(o){
var obj = $(o).parent().next('table').find("tbody tr.P_current");
var list = $(o).parent().next('table').find("tbody tr");
if(obj.length > 0){
var thisLocation = list.index( obj );
if( thisLocation < 1 ){
win.alert('系统提示', '已移到最顶端了!');
}else {
//console.log (thisLocation);
obj.prev().before(obj); //上移动
}
//console.log (list.length);
}else {
win.alert('系统提示', '请选择要【上移】的列!');
}
}
/*客户,列设置*/
$(function(){
$("#C_columnSetList table tbody tr").on('click', function() {
if($(this).hasClass("P_current")){
$(this).removeClass("P_current");
}else {
$(this).addClass("P_current").siblings().removeClass("P_current");
}
});
});
</script>

jQuery 元素的选中, 置顶、上移、下移、置底、删除的更多相关文章

  1. 表格中上移下移置顶的js操作

    <script> $(function(){  //上移  var $up = $(".up")  $up.click(function() {   var $tr = ...

  2. MySQL 上移/下移/置顶

    在编写网站系统时,难免会用到上移.下移.置顶的功能,今天小编就介绍一下我的思路. 首先,需要一张数据表: CREATE TABLE `a` ( `id` ) NOT NULL AUTO_INCREME ...

  3. Python tkinter 副窗体置顶和取消置顶

    root = Tk() #置顶root.wm_attributes('-topmost',1) #取消置顶 root.wm_attributes('-topmost',0)

  4. jquery easyui datagrid实现单行的上移下移,以及保存移动的结果

    1.实现行的上移.下移. 说明: 1.1 通过datagrid生成的表格有固定的格式,比如,表格div的class名是datagrid-view.比如每一行tr都有id和datagrid-row-in ...

  5. listview 点击条目 自动置顶或者自动置底部

    关于Listview点击条目,自动滑动到点击条目实现: map_searchresult_list.post(new Runnable() { @Override public void run() ...

  6. 笔记&想要置顶但懒得置顶的文章目录

    1.\(\text{Markdown&Latex}\)学习笔记 2.一些笔记 3.好东西 4.线段树学习笔记 5.并查集学习笔记 6.友链 7.语录

  7. jQuery操作table数据上移、下移和置顶

    jQuery 操作table中的tr换行的步骤如下: 1.获取当前tr var $tr = $(this).parents("tr"); 2.移动tr //上移 $tr.prev( ...

  8. jquery——制作置顶菜单

    置顶菜单: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  9. IOS 作业项目 TableView两个section中cell置顶功能实现

    点击cell会置顶,其他的下移

随机推荐

  1. .VDI manual Technical Logistics - Volume 2: Industrial Trucks

    VDI manual Technical Logistics - Volume 2: Industrial Trucks Name Publication date: State VDI 2196 B ...

  2. win7 系统无法复制粘贴解决方案

    用远程桌面登陆服务器不能在本机和远程服务器之间粘贴文本了,即不能从本机复制文本粘贴到服务器,也不能从服务器复制文本粘贴到本机. 以下是解决方法之一,试了几次都很管用户:在服务器上打开任务管理器,查看进 ...

  3. C# String.Format格式说明

    C#格式化数值结果表 字符 说明 示例 输出 C 货币 string.Format("{0:C3}", 2) $2.000 D 十进制 string.Format("{0 ...

  4. 【CodeForces 699D】Fix a Tree

    dfs找出联通块个数cnt,当形成环时,令指向已访问过节点的节点变成指向-1,即做一个标记.把它作为该联通图的根. 把所有联通的图变成一颗树,如果存在指向自己的点,那么它所在的联通块就是一个树(n-1 ...

  5. 细说new与malloc的10点区别

    前言 几个星期前去面试C++研发的实习岗位,面试官问了个问题: new与malloc有什么区别? 这是个老生常谈的问题.当时我回答new从自由存储区上分配内存,malloc从堆上分配内存:new/de ...

  6. [日常训练]常州集训day2

    T1 Description 给定$N$个点,问这$N$个点能构成的三角形个数. Input 第一行一个整数$N$,代表点数. 接下来$N$行,每行两个非负整数$X,Y$,表示一个点的坐标. Outp ...

  7. 高级语言虚拟机的一点理解,对比.NET和Java平台

    最近学习了一些高级语言虚拟机的知识,在此对.NET平台和java平台做一个简单的比较.对java平台已经很熟了,所以此处只介绍.NET平台下的一些概念. 一.CLI 通用语言基础架构(Common L ...

  8. 【bzoj2286】 消耗战

    http://www.lydsy.com/JudgeOnline/problem.php?id=2286 (题目链接) 一个小小的细节,WA了一天,欲哭无泪了.. 题意 给出一个n个节点的带权树,总共 ...

  9. Linux Network Related Drive

    catalog . 通过套接字通信 . 网络实现的分层模型 . 网络命名空间 . 套接字缓冲区 . 网络访问层 . 网络层 . 传输层 . 应用层 . 内核内部的网络通信 1. 通过套接字通信 Lin ...

  10. [IOS Tableview] cell自定义view显示错误问题

    问题介绍:按照tableviewcell的tag自定义cell的view显示的时候,会出现拖动时显示错误情况(在Tableview的范围超出屏幕范围需要滑动的情况下). 我做的是一个下载界面,我为了简 ...