如何查找具有行和列索引的特定单元格的内容？

Question

使用单元格的坐标我想查找特定单元格的内容..我的意思是如果我们有特定单元格的行索引和列索引，并且我们想通过传递单元格的索引来获取特定单元格的内容作为函数中的参数，然后在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 
} 
} 

Answer 1

你需要一个事件侦听器添加到您的表，然后得到事件的目标innerHTML的是这样的：

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

你并不需要一个侦听器添加到每个细胞，这是浪费资源，为该表使用一个全局侦听器。

Answer 2

如果你正在构建在JavaScript此表中，最简单的做法是添加一个onclick方法将细胞在其中返回this.innerHTML

var e = document.createElement('td'); 
e.onClick = function(){ 
    doSomeThingWith(this.innerHTML); 
} 

Answer 3

标记：

<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/

Answer 4

假设这是你的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); 
    }); 
}