-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

これが 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 に答える
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);
});

各セルにリスナーを追加する必要はありません。これはリソースの無駄です。テーブルには 1 つのグローバル リスナーを使用してください。

于 2012-07-22T07:20:28.040 に答える
0

このテーブルを JavaScript で構築している場合、最も簡単な方法は、this.innerHTML を返すセルに onclick メソッドを追加することです。

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