<table class="am-table am-table-striped am-table-hover table-main am-text-nowrap" id="table_table"> <thead>
<tr > <th class="table-check"></th><th class="table-id">#</th><th class="table-title">登录账号</th><th class="table-type">昵称</th><th class="table-date">修改日期</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" name="ha" value="10"/></td> <td>1</td> <td><a href="#">admin</a></td> <td>哈哈哈</td> <td >2017-02-03</td> </tr> <tr> <td><input type="checkbox" name="ha" value="20"/></td> <td>2</td> <td><a href="#">admin</a></td> <td>哈哈哈</td> <td >2017-02-03</td> </tr> </tbody> </table>
定义对象js代码 function Table_(id){ this.id=id }; Table_.prototype.getCheckBoxs=function(){ var rows = document.getElementById(this.id).rows; var ids=""; $('#'+this.id+' input[type="checkbox"]:checked').each(function(){ ids += $(this).val() + ','; }); ids = ids.substring(0,ids.length-1); return ids; }; Table_.prototype.getTrObject=function(){ var arr = new Array(); $('#'+this.id+' input[type="checkbox"]:checked').each(function(i){ var $a=$(this).parent();//定位到td对象 var $b=$a.parent();//定位到tr对象 arr[i]=$b; // alert( $b.find('td').eq(1).text())//获得列的内容 //alert($(this).parent().next().text()) }); return arr; }; 应用 var table_=new Table_("table_table"); alert(table_.getTrObject());
自定义表格,选取表格,获取里面的内容
最新推荐文章于 2021-07-26 07:39:06 发布