我又来了，大神们，还是关于dataTable的问题

Question

我又来了，大神们，还是关于dataTable的问题

发布于
2016-12-10

需求：
点击本行的一个按钮，拿到对应数据的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>

求教了，各位大神
跪谢

javascript

阅读 1.8k

1 个回答

dodomonster

✓ 已被采纳

把id放到button的类名/id那里(怎么方便取就放哪里吧)，然后点击按钮获取点击的按钮的类名即可。

撰写回答