td绑定点击事件

最新推荐文章于 2023-08-16 13:08:59 发布

大啵

最新推荐文章于 2023-08-16 13:08:59 发布

阅读量5k

点赞数 2

分类专栏： JQuery/JS

本文链接：https://blog.csdn.net/qq277366155/article/details/12975735

版权

JQuery/JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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