如何使用jquery获取表中任意位置的表单元格值

我有一个下表，在使用javascript单击时返回每个单元格的值

如何使用jquery实现同样的功能

 <script language="javascript">

        var tbl = document.getElementById("tblMain");
        if (tbl != null) {
            for (var i = 0; i < tbl.rows.length; i++) {
                for (var j = 0; j < tbl.rows[i].cells.length; j++)
                    tbl.rows[i].cells[j].onclick = function () { getval(this); };
            }
        }

        function getval(cel) {
            alert(cel.innerHTML);
        }
    </script>

<table align="center" id="tblMain" border="1" style="cursor: pointer;">
        <tr>
            <td>
                R1C1
            </td>
            <td>
                R1C2
            </td>
            <td>
                R1C3
            </td>
            <td>
                R1C4
            </td>
        </tr>
        <tr>
            <td>
                R2C1
            </td>
            <td>
                R2C2
            </td>
            <td>
                R2C3
            </td>
            <td>
                R2C4
            </td>
        </tr>
        <tr>
            <td>
                R3C1
            </td>
            <td>
                R3C2
            </td>
            <td>
                R3C3
            </td>
            <td>
                R3C4
            </td>
        </tr>
        <tr>
            <td>
                R4C1
            </td>
            <td>
                R4C2
            </td>
            <td>
                R4C3
            </td>
            <td>
                R4C4
            </td>
        </tr>
    </table>

var tbl=document.getElementById（“tblMain”）；
如果（tbl！=null）{
对于（变量i=0；i

那么：

$("#tblMain tr td").click(function() {
    var content = $(this).text();
    console.log(content); //Cell text
});

试试这个：

$('#tblMain').find('td').click(function(){
   alert($(this).text());
});

$(function() {
   $('#tblMain td').click(function() {
       alert($(this).html()); // or .text()
   });
});

生活演示：

尝试：

$(document).ready(function(){

  var getval = function(html) {
    alert(html);
  }

  $('#tblMain td').on('click', function(){
    getval($(this).html());
  });
});

试试这个：

$('#tblMain').find('td').click(function(){
   alert($(this).text());
});

$(function() {
   $('#tblMain td').click(function() {
       alert($(this).html()); // or .text()
   });
});

jQuery将在内部为您遍历所有单元格，因此您根本不需要任何循环代码。

使用

.on（）

而不是

.bind（）

。或者只需

。单击（）。