<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>