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

Question

我有下表，使用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>

Answer 1

尝试这个：

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

现场演示：http: //jsfiddle.net/pf5cL/

Answer 2

尝试这个：

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

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

Answer 3

怎么样：

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

Answer 4

尝试：

$(document).ready(function(){

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

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