-6

使用单元格的坐标我想查找特定单元格的内容。我的意思是，如果我们有特定单元格的行索引和列索引，并且我们希望通过将单元格的索引作为参数传递来获取该特定单元格的内容在一个函数中，然后在 html 表中搜索该特定单元格的内容。

function createtable() {
  function displaytable(argument) {
    var tr=document.createElement('tr');
    for (var i=0; i < argument.length; i++) {
      var td=document.createElement('td');
      if (i == 0) {
        td.appendChild(document.createTextNode(argument[i]));
      }
      if (i == 1) {
        td.appendChild(document.createTextNode(argument[i]));
      }
      if (i == 3) {
        td.appendChild(document.createTextNode(argument[i]));
      }
      if (i == 2) {
        td.ondblclick= function () {
        var column_index= (this.cellIndex) -1;
        var row_index= (this.parentNode.rowIndex);
        search_cell(row_index,column_index);
      }
      td.appendChild(document.createTextNode(argument[i]));
    }
    tr.appendChild(td);
  }
   document.getElementById('table_body').appendChild(tr);
 }
 document.write("<table border=\"1\"><tr><th>INDEX</th><th>--CELL NAME--</th><th>--PIN NAME--</th><th>--PG PIN--</th></tr><tbody id='table_body'></tbody></table>");

 for (var x=0; x < array_cells.length; x++) {
   displaytable([x+1,array_cells[x].cell,array_cells[x].pins,array_cells[x].pg_pins])
 }
 function search_cell(row_index,column_index) {
   //What to write over here
 }
}
4

4 回答 4

1

标记：

<td onclick="click(event)">content</td>

JS：

function click(event)
{
    var target = event.target || event.srcElement;
    var content = target.innerHTML || target.textContent;
}

http://jsfiddle.net/NRKsT/

于 2012-07-22T07:16:22.613 回答
1

您需要向表中添加一个事件侦听器，然后像这样获取事件的目标 innerHTML：

yourTable.addEventListener('click', function (event) {
    console.log(event.target.innerHTML);
});

您不需要为每个单元格添加侦听器，这是浪费资源，请为表使用一个全局侦听器。

于 2012-07-22T07:20:28.040 回答
1

假设这是您的 HTML：

<table>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
        <td>Cell 3</td>
    </tr>
    <tr>
        <td>Cell 4</td>
        <td>Cell 5</td>
        <td>Cell 6</td>
    </tr>
</table>

这个 jQuery 代码会做你想做的事：

$(document).ready(function() {
    $('td').click(function() {
       somevar = this.innerHTML;
       alert( this.innerHTML );
    });
});

如果你更喜欢简单的 JavaScript，那么：

var temp = document.getElementsByTagName('td');
for( var i = 0; i < temp.length; i++ ) {
    temp[i].addEventListener('click', function (event) {
       alert( this.innerHTML );
    });
}
于 2012-07-22T07:24:47.817 回答
0

如果您在 javascript 中构建此表，最简单的方法是在返回 this.innerHTML 的单元格中添加一个 onclick 方法

var e = document.createElement('td');
e.onClick = function(){
   doSomeThingWith( this.innerHTML);
}
于 2012-07-22T07:15:42.560 回答