-2

我在 JS 中创建了一个生成表格的简单函数。现在我想这样做：当我单击表格的某个单元格时，页面将提醒单元格内的值：变量 b，正如您在代码中看到的那样。我试过了，但我没有成功。在代码里面。我还使用了 Jquery。

代码：JS

    function gen() {
        var rowData = '';
        for (var a = 0; a < 5; a++) {
            rowData += '<tr>';
            for (var i = 0; i < 3; i++) {
                
                rowData += '<td>';

                rowData += b;

                rowData += '</td>';

                b++;

            }
            rowData += "</tr>";
            
        }

        $('#myTableId2').append(rowData);


    }

HTML：

 <table id="myTableId2"> </table>
 <button onclick="gen()">Generate</button>
4

2 回答 2

-1

我看到你正在使用 jQuery。您可以像下面那样将click()事件附加到每个<td>元素。

请注意，由于b在您的示例中未定义，因此出于说明目的，我冒昧地给它一个随机值。

function gen() {
  let b = Math.floor(Math.random() * 1000) + 1; //generate random value
  var rowData = '';
  for (var a = 0; a < 5; a++) {
    rowData += '<tr>';
    for (var i = 0; i < 3; i++) {

      rowData += '<td>';

      rowData += b;

      rowData += '</td>';

      b++;

    }
    rowData += "</tr>";

  }

  $('#myTableId2').append(rowData);

  //attach the click event using jQuery
  $("td").click(function(){alert(this.innerText)});

}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="myTableId2"> </table>
<button onclick="gen()">Generate</button>

于 2020-11-21T19:56:50.990 回答
-1 
rowData += '<td onclick="alert(this.innerHTML)">';
于 2020-11-21T20:04:22.463 回答