javascript - 我又来了,大神们,还是关于dataTable的问题
本文介绍了javascript - 我又来了,大神们,还是关于dataTable的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
需求:
点击本行的一个按钮,拿到对应数据的id值,id并不显示在页面
<body>
<table id="table">
<thead>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>按钮</th>
</thead>
</table>
<script>
var dataOrigin=[
{"name":"mike","gender":"male","age":"20","id":"001","btn":"<button>按钮</button>"},
{"name":"lisa","gender":"female","age":"24","id":"002","btn":"<button>按钮</button>"}
];
$(function(){
var t=$("#table").DataTable({
"data":dataOrigin,
"columns":[
{"data":"name"},
{"data":"gender"},
{"data":"age"},
{
"data":"btn",
"class":"btn"
}
],
"paging":false,
"searching":false,
"info":false
});
$("#table tbody").on("click","td.btn",function(){
// 如何拿到本条数据对应的id
});
})
</script>
</body>
求教了,各位大神
跪谢
解决方案
把id放到button的类名/id那里(怎么方便取就放哪里吧),然后点击按钮获取点击的按钮的类名即可。
这篇关于javascript - 我又来了,大神们,还是关于dataTable的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文