jquery获取表格第一行.docVIP

jquery获取表格第一行 篇一：jquery表格操作 JQuery 表格操作(交替显示、拖动表格行、选择行等) 发表:admin阅读: 1204次 关键字：字体:[大 中 小] JQuery 确实很方便，简单的代码，却能实现一些不错的功能。 复制代码 代码如下: lt;script type=#39;text/javascript#39;lt;!-- $(function(){ //交替显示行 $(#39;#alternation#39;).click(function(){ $(#39;tbody tr:odd#39;, $(#39;#example#39;)).toggleClass(#39;alternation#39;); }); //三色交替显示行 $(#39;#alternationThree#39;).click(function(){ $(#39;tbody tr:nth-child(3n)#39;, $(#39;#example#39;)).toggleClass(#39;alternation#39;); $(#39;tbody tr:nth-child(3n+2)#39;, $(#39;#example#39;)).toggleClass(#39;alternation3#39;); }); //选择行 $(#39;#selectTr#39;).click(function(){ //为表格行添加选择事件处理 $(#39;tbody tr#39;, $(#39;#example#39;)).click(function(){ $(#39;.selected#39;).removeClass(#39;selected#39;); $(this).addClass(#39;selected#39;); //this 表示引发事件的对象，但它不是 jquery 对象 }).hover( //注意这里的链式调用 function(){ $(this).addClass(#39;mouseOver#39;); }, function(){ $(this).removeClass(#39;mouseOver#39;); } ); }); //增加排序功能 $(#39;#sort#39;).click(tableSort); //获取排好序后的主键值 $(#39;#getSequence#39;).click(function(){ var sequence = []; $(#39;#content input[name=noticeSelect]#39;).each(function(){ sequence.push(this.value); }); alert(sequence.join(#39;,#39;)); }); //获取表格中已选择的复选框的值集合 $(#39;#getSelected#39;).click(function(){ var sequence = []; $(#39;#content input[name=noticeSelect]:checked#39;).each(function(){ sequence.push(this.value); }); alert(sequence.join(#39;,#39;)); }); //按日期降序排列 $(#39;#dateDesc#39;).click(descByDate); }); //表格排序 function tableSort() { var tbody = $(#39;#example tbody#39;); var rows = tbody.children(); var selectedRow; //压下鼠标时选取行 rows.mousedown(function(){ selectedRow = this; tbody.css(#39;cursor#39;, #39;move#39;); return false; //防止拖动时选取文本内容，必须和 mousemove 一起使用 }); rows.mousemove(function(){ return false; //防止拖动时选取文本内容，必须和 mousedown 一起使用 }); //释放鼠标键时进行插入 rows.mouseup(function(){ if(selectedRow) { if(selectedRow != this) { $(this).before($(selectedRow)).remo