Question

jquery datatable 如何获取隐藏列的值

隐藏的列是自增的主键，我想实现单击表里的行，显示某些数据，$("#operateTable tbody tr").live('click', function () { groupid = $(this).children('td').eq(0).html();这样做可以得到不隐藏的列值，但是一隐藏就得不到了，请教大神怎么才能得到隐藏的ID值啊？

Answer 1

var tableTest; function initTable(){ tableTest = $('#tableTest').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "aaData": [ ['101', 'aaa', '91,1', '2012-10-10', 'X'], ['102', 'bbb', '92,5', '2012-3-19', 'X'], ['103', 'ccc', '89,5', '2013-3-21', 'X'], ['105', 'eee', '95', '2011-11-11', 'C'], ['104', 'ddd', '91', '2013-2-22', 'X'] ], 'aaSorting':[ [1,'asc'],[2,'asc'] ], 'aoColumns':[ {'sTitle':'ID', 'sWidth':'20%','sClass':'center'}, {'sTitle':'Name', 'sWidth':'20%','sClass':'center'}, {'sTitle':'Score','sWidth':'20%','sClass':'center'}, {'sTitle':'Date', 'sWidth':'20%','sClass':'center'}, {'sTitle':'downLoad', 'sWidth':'20%',"bVisible": false,"bSearchable": false, 'sClass':'center', "mRender": function ( data, type, full ) { return '<input type="text" class="userName" value="'+data+'"/>'; }} ] }); $('#tableTest').find('.userName').each(function(){ console.log($(this).val()); }); }       有两个bVisible和bSearchable，如果设置bVisible：false，那么这列数据是不可访问的，bSearchAble：false是可以访问的，我感觉这边做的不是很好哎，就比方说我们一般都喜欢对表添加一列隐藏列，里面记录每行的id，方便数据访问，但是貌似这招这样不行。我想能不能用mReader来做，就比方上面代码，设置type='hidden'，试验发现不行，看来我是明显天真了。但是想到mReader:function(data,type,full)其中的full就是这一列的所有信息，试验了一下，的却访问隐藏的那一列，那么通过这种变相的方法就可以访问隐藏的数据了。      总结一下，可以通过mReader:function(data,type,full)中的full参数获取一行所有信息（包括隐藏列），获取到的是一列字符串，然后通过spilt转换位数组，然后选取第几个。

追问

我照你说的试了试还是不行，可能是我哪里做的不对。能不能给详细讲讲怎么做啊？多谢了！
我的datatable里aoColumns里的代码是这样的：

"aoColumns": [{ "mData": "id" ,"bVisible": false },//想获取的就是这里的id的值
{ "mData": "name" }] });

追答

你看看我说的visible为flase是获取不到隐藏列的值

你看看我说的visible为flase是获取不到隐藏列的值

追问

那我要怎么设置才能既实现隐藏的效果又能获取到隐藏列的值呢？麻烦了。。会给你多加分的！

追答

你看我给你回答的

有两个bVisible和bSearchable，如果设置bVisible：false，那么这列数据是不可访问的，bSearchAble：false是可以访问的，我感觉这边做的不是很好哎，就比方说我们一般都喜欢对表添加一列隐藏列，里面记录每行的id，方便数据访问，但是貌似这招这样不行。我想能不能用mReader来做，就比方上面代码，设置type='hidden'，试验发现不行，看来我是明显天真了。但是想到mReader:function(data,type,full)其中的full就是这一列的所有信息，试验了一下，的却访问隐藏的那一列，那么通过这种变相的方法就可以访问隐藏的数据了。
总结一下，可以通过mReader:function(data,type,full)中的full参数获取一行所有信息（包括隐藏列），获取到的是一列字符串，然后通过spilt转换位数组，然后选取第几个。
//代码不全，就是那么个意思
{'sTitle':'ID', 'sWidth':'20%','sClass':'center'},
{'sTitle':'Name', 'sWidth':'20%','sClass':'center'},
{'sTitle':'Date', 'sWidth':'20%','bVisible':false,'sClass':'center'},
{'sTitle':'downLoad', 'sWidth':'20%',"bSearchable": false, 'sClass':'center',
"mRender": function ( data, type, full ) {
return '';
}}
]
});
var data;
$('#tableTest').find('.userName').each(function(){
var data = $(this).val();
var s = data.split(",");
console.log(s[3]);
});

Answer 2

$('#example').DataTable( {      
	"columnDefs": [    
	    {    
	          "targets": [ 6 ], //隐藏第六列，从第0列开始   
		  "visible": false    
	    } 
	]   
});

这里有所有的api：

http://www.datatables.net/

Answer 3

楼主，

1. 你所谓的datatable指的是什么，是指页面上的table控件还是内存的中虚拟表格？

   推测可知是界面上的table控件。

2. 如果是table控件，那么

   <table>
           <tr>
               <td></td>
               <td style="display: none;"></td>
               <td style="visibility: hidden;"></td>
           </tr>
       </table>

   <script type="text/javascript">
       $(function () {
           var td1 = $("table").find("tr").children("td").eq(1);
           var td2 = $("table").find("tr").children("td").eq(2);
       });
   </script>

   上面的td1和td2都是可以取得td对象的，也就是说在jQuery中，无论这个元素是display:none还是visibility: hidden这两中隐藏方式，都可以被jQuery获取得到。

3. 因此认为你取不到td的原因可能是：

• 这个td不是隐藏了，而是在界面上被移除了

• 你获取的方法有不对的地方
  

追问

我说的datatable不是简单的页面上的table。。

追答

那你说的datatable是指什么？通常情况datatable是指内存中虚拟的表格

追问

算是jQuery的插件吧，在页面上自动生成表格，显示数据，可以设置一些属性。

追答

和我预期的一样，bVisible设置为false时界面上没有隐藏的这列的td，用jQuery也就访问不了

Answer 4

隐藏列的值一般情况下是可以获得的，只是不显示在界面上，他的值跟隐藏不隐藏没什么关系

Answer 5

这个应该是没有隐藏的行你能点击到，所以就能获得值了，而隐藏了的，在html中并不占据位置，你点击不到，就获取不了值了...你需要解决的是这个问题