关于js 点击所在行，获取隐藏域问题

最新推荐文章于 2021-09-08 11:13:04 发布

原创最新推荐文章于 2021-09-08 11:13:04 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

web前端问题总结专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在Bootstrap DataTable中通过JavaScript点击表格行来获取隐藏列数据的方法。通过CSS隐藏而非设置列可见性，使得数据仍可通过编程方式访问。

很多人应该都知道，bootstrap datatable中想要通过点击某一行获取隐藏域例：ID

{
	data : "ID",
	orderable : true,
	title : "ID",
	"bVisible": false,//设置为隐藏域
	mRender : function(ata,type,row) {
		return row.ID == null ? '': row.ID;
				}
},

 
$("body").delegate('#List tr', 'click', function () {
						    	var param={};
						    	param = $("td",this);
						    	
						        var id = $(param[2]).text();//获取当前行隐藏的第3列数据
});

但是我们会发现：无法获取到这个隐藏域，该怎么办呢？

其实还有一种方法通过给bootstrap datatable中的隐藏例加 css 样式，我们隐藏css就行了

{
	data : "ID",
	orderable : true,
	title : "ID",
	//"bVisible": false,
       className : "display1",//添加css样式
	mRender : function(ata,type,row) {
		return row.ID == null ? '': row.ID;
				}
},

<style type="text/css">
	.display1{display: none;}
</style>

$("body").delegate('#List tr', 'click', function () {
						    	var param={};
						    	param = $("td",this);
						    	
						        var id = $(param[2]).text();//获取当前行隐藏的第3列数据
							alert(id)
});

这样就可以实现 js 点击所在行，获取隐藏域问题