| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
共有 1275 人关注过本帖
标题:关于JQuery的动态添加表格单元格的Click事件
只看楼主 加入收藏
liulei1234
Rank: 2
等 级:论坛游民
帖 子:32
专家分:24
注 册:2011-5-31
结帖率:90%
收藏
已结贴  问题点数:20 回复次数:5 
关于JQuery的动态添加表格单元格的Click事件
如何给表格动态添加单元格,并且给每个单元格添加Click事件,alert出单元格的text值,求解
搜索更多相关主题的帖子: 表格 动态 如何 
2012-02-25 14:39
liulei1234
Rank: 2
等 级:论坛游民
帖 子:32
专家分:24
注 册:2011-5-31
收藏
得分:0 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
    <title></title>
    <script src="http://localhost:1330/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn1").click(function () {//添加单元格
                $("#tr1").append("<tr><td>我是新的单元格<td></tr>");
            });
            // $("#tr1").click(function () { alert(''); });
            $("#tr1 td").click(function () { alert(this.text()); });
            //我想alert出单元格的text值该怎么做
        });
    </script>
</head>
<body>
<table id="t1"><tr id="tr1"></tr></table>
<input  type="button" value="增加单元格" id="btn1"/>
</body>
</html>
2012-02-25 15:19
liulei1234
Rank: 2
等 级:论坛游民
帖 子:32
专家分:24
注 册:2011-5-31
收藏
得分:0 
为甚么没人回复呢???????????????????????????
2012-02-26 10:12
利剑长风
Rank: 2
等 级:论坛游民
帖 子:11
专家分:32
注 册:2011-12-18
收藏
得分:7 
很冷。我是新手
2012-02-26 22:12
yms123
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:7 
哪个不是text
是innerHTML;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
    <title></title>
    <script src="http://localhost:1330/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn1").click(function () {//添加单元格
                $("#tr1").append("<tr><td>我是新的单元格<td></tr>");
            });
            // $("#tr1").click(function () { alert(''); });
            $("#tr1 td").click(function () { alert($("#tr1 td").innerHTML); });
            //我想alert出单元格的text值该怎么做
        });
    </script>
</head>
<body>
<table id="t1"><tr id="tr1"></tr></table>
<input  type="button" value="增加单元格" id="btn1"/>
</body>
</html>
2012-02-27 12:48
wangnannan
Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18
等 级:贵宾
威 望:87
帖 子:2546
专家分:9359
注 册:2007-11-3
收藏
得分:7 
alert($("#tr1 td").eq(0).text())

出来混,谁不都要拼命的嘛。 。拼不赢?那就看谁倒霉了。 。有机会也要看谁下手快,快的就能赢,慢。 。狗屎你都抢不到。 。还说什么拼命?
2012-02-27 16:36
快速回复:关于JQuery的动态添加表格单元格的Click事件
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.015554 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved