关于JQuery的动态添加表格单元格的Click事件 - 编程论坛

#2

liulei12342012-02-25 15:19

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

#3

liulei12342012-02-26 10:12

为甚么没人回复呢？？？？？？？？？？？？？？？？？？？？？？？？？？？

#4

利剑长风2012-02-26 22:12

很冷。我是新手

#5

yms1232012-02-27 12:48

哪个不是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>

#6

wangnannan2012-02-27 16:36

alert($("#tr1 td").eq(0).text())