如何使用jQuery在表中的任何位置获取表单元格值 [英] How to get table cell values any where in the table using jquery

问题描述

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

I have the following table that returns the each cell value when clicked using javascript?

我如何使用jquery做同样的事情?

How can i do the same using 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>

推荐答案

尝试一下:

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

生活演示: http://jsfiddle.net/pf5cL/

这篇关于如何使用jQuery在表中的任何位置获取表单元格值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！