日期:2014-05-17  浏览次数:20421 次

如何取得tr的所有td
<head runat="server">
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $("#testTr > td").click(function (e) {
            e.preventDefault();
            alert($(this).text());
                })
       
    </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table>
     <tr id="testTr">
     
<td><a href="">1</a></td>
<td><a href="">2</a></td>
<td><a href="">3</a></td>
<td>
<a href="">4</a></td>
<td><a href="">5</a></td>
     </tr>
    </table>
    </div>
    </form>
</body>
</html>
所有td的Click事件都没有用的,为什么
------最佳解决方案--------------------
执行的时候DOM还没有载入。放到$().ready中。

 <script type="text/javascript">
        $().ready(function () {
            $("#testTr > td").click(function (e) {
                e.preventDefault();
                alert($(this).text());
            });
        });
        
       
    </script>

------其他解决方案--------------------
 <script type="text/javascript">
        $(document).ready(function () {
            $("#testTr > td").click(function (e) {
                alert($.trim($(this).text()));
                return false;
            })
        });       
    </script>
------其他解决方案--------------------
楼上正解~~~
------其他解决方案--------------------
写到ready中或者将script代码放到</table>后面