JS怎么在table列表中增加click事件

Posted 2023-04-02

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS怎么在table列表中增加click事件相关的知识，希望对你有一定的参考价值。

通过循环把结果数组里的每一个做成一个table显示，现在我给循环里的table加上了id属性，然后写了一个$(tableid).click(function)的方法，结果是只有最后一条点击的时候可以触发click函数。怎么才能让每一个都可以点击触发事件。把click写成table的属性可以吗，怎么写

你别用ID应该就好了。
你这样：
$("table").click(function ())
应该就可以了。(因为在一个html文件里，标签的ID是不能重复的) 参考技术A <!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
table
border: 1px solid black;
border-collapse: collapse;

td
border: 1px solid black;

</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
var data = [
            "11", "22", "33"
    ];
    $ (function ()

    $ ('body').delegate ('table#tableid', 'click', function ()

    alert ($ (this).attr ('id'));
    );
    $ (data).each (function (i, dom)

    $ ('body').append ("<table id='tableid'><tr><td>" + dom + "</td></tr></table>");
    );
    );
</script>
</head>
<body>

</body>
</html>

本回答被提问者和网友采纳