使用JQuery/JavaScript检索单元格/列值_Javascript_Jquery_Html

使用JQuery/JavaScript检索单元格/列值

javascript jquery html

使用JQuery/JavaScript检索单元格/列值,javascript,jquery,html,Javascript,Jquery,Html,我有下表，它利用谷歌可视化API： <html> <head> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1', {packages:['table']}); g

我有下表，它利用谷歌可视化API：

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawTable);
      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('boolean', 'Full Time Employee');
        data.addRows([
          ['Mike',  {v: 10000, f: '$10,000'}, true],
          ['Jim',   {v:8000,   f: '$8,000'},  false],
          ['Alice', {v: 12500, f: '$12,500'}, true],
          ['Bob',   {v: 7000,  f: '$7,000'},  true]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));
        table.draw(data, {showRowNumber: true});
      }
    </script>
  </head>

  <body>
    <div id='table_div'></div>
  </body>
</html>


load（'visualization'，'1'，{packages:['table']}）；
setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Salary'）；
data.addColumn（'boolean'，'全职雇员'）；
data.addRows([
['Mike'，{v:10000，f:'10000'}，对]，
['Jim'，{v:8000，f:'8000'}，假]，
['Alice'，{v:12500，f:'12500'}，对]，
['Bob'，{v:7000，f:'7000'}，对]
]);
var table=新的google.visualization.table（document.getElementById（'table_div'）；
table.draw（数据，{showRowNumber:true}）；
}

我想知道的是，当我在单元格中单击时，如何：

返回该单元格所在的列索引

是否返回列标题的名称

如何返回该单元格的值

如果我至少想出其中一个方法，那么我的问题就会解决。它让我躲闪了很多。

谢谢

这里有一种获取点击单元格值的方法（使用jQuery）


函数getTD（）{
$（'#table_div td'）。单击（函数（）{
var val=$（this.html（）；
警报（val）；
});
}
setTimeout（'getTD（）'，2000）；

使用setTimeout（）确保在执行jQuery代码时添加表。

以下是一种获取单击单元格值的方法（使用jQuery）


函数getTD（）{
$（'#table_div td'）。单击（函数（）{
var val=$（this.html（）；
警报（val）；
});
}
setTimeout（'getTD（）'，2000）；

使用setTimeout（）确保在执行jQuery代码时添加表。

证明：

通过行/列检索：

var r = 1; // second row (zero based index)
var c = 2; // third column (zero based index)

$('#table_div tr:eq('+r+') td:eq('+c+')').text();

点击运输署：

$('#table_div').on('click', 'td', function(){    
    $(this).text();
});

证明：

通过行/列检索：

var r = 1; // second row (zero based index)
var c = 2; // third column (zero based index)

$('#table_div tr:eq('+r+') td:eq('+c+')').text();

点击运输署：

$('#table_div').on('click', 'td', function(){    
    $(this).text();
});

如果我只想知道标题的名称？标题只是第一行，因此<代码>var r=0-有意义吗？我的意思是，使用第二个表单（单击TD）？它确实有效，但我只想返回列标题，无论用户在该列中单击什么位置。然后我会将其映射到一个哈希表，然后我可以检索该列的索引，最后完全隐藏该列/我希望能够隐藏整个列，如果我只需要标题的名称？标题只是第一行，因此<代码>var r=0-有意义吗？我的意思是，使用第二个表单（单击TD）？它确实有效，但我只想返回列标题，无论用户在该列中单击什么位置。然后我将其映射到一个哈希表，然后我可以检索该列的索引，最后完全隐藏该列/我希望能够隐藏整个列