Question

我想点击Bootstrap-Table表格中的单元格，并获取该行中特定列（Date列）的值。

此代码获取行的值索引，但我的数据是JSON的数组。我不认为该索引是有用的，因为我认为array基本上被认为是无序的。有没有办法使用这个索引来获取值？

 $("#table").on("click", "tr", function (row, $el, field) {
   var row = $(this).index();
   alert(row);
    });

数据：

var data = [
    {
        "Date": "2015-02-03",
        "Contact": 1
    },
    {
        "Date": "2017-01-22",
        "Contact": 2

    }
];

http://jsfiddle.net/gv2mnwd9/

Answer 1

您可以按数据属性选择日期单元格。

 $("#table").on("click", "tr", function (row, $el, field) {
   var date = $(this).find("a[data-name='Date']").html();
 });

或者

$("#table").on("click", "tr", function (row, $el, field) {
   var date = $(this).find("a[data-name='Date']").data('value');
 });

Answer 2

我认为你可以做点什么

answer = table.row(0).data().Date;
answer = table.row(0).data().Contact;

评论后更新＆gt;＆gt;抱歉，如果我误解了，因为我认为你想要一个专栏的价值，我希望下面能满足你的需求。

                $("#table").on("click", "tr", function (row, $el, field) {

                    tr = $(this).closest('tr');
                    row = table.row( tr );
                    answer = table.row(row).data().Contact;
                    alert(answer);
                });

Answer 3

您可以将事件附加到td而不是tr

并获取以下值

  var col = $(this)[0].textContent;

这是一个jsfiddle

http://jsfiddle.net/gv2mnwd9/1/

单击Bootstrap-Table时获取单元格的值

3 个答案: