td綁定點擊事件

        <table width="100%" style=" background-color:#808080;" border="3">
            <tr style=" height:100px"><td id="td1">1</td><td id="td2">2</td></tr>
            <tr style=" height:100px"><td id="td3"> 3</td><td id="td4">4</td></tr>
        </table>
        

<script type="text/javascript">
            $(function ($) {
                var td = $("td");
                for (var i = 0; i < td.length; i++) {
                    $(td[i]).click(function () {
                        var str = "default.aspx?id=" + $(this).attr("id");//$(this).attr("id")不能寫成$(td[i]).attr("id"),此處的i變量時經過了循環之後的最終值，而且在i=3之後i還會自加一次才跳出循環，此時i=4
                        location.href = str;//此處的click事件是在觸發此事件之後纔會調用此代碼，與屬性賦值不一樣（並非把事件寫死在html裏面）！！！甚記！！！
                    });
                    
                }
            });
        </script>