gpt4 book ai didi

javascript - 在 tbody 中的每个 td 上引发 jQuery 单击事件

转载 作者:行者123 更新时间:2023-11-28 04:06:34 25 4
gpt4 key购买 nike

每当用户点击 tbody 中的任何 td 元素时,我都会尝试引发点击事件。这是我目前所拥有的,但它没有引发事件,有什么想法吗?

<head runat="server">
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$("#skuOptionsBody td").click(function () {
alert('clicked!');
});
</script>
</head>
<body>
<form id="form1" runat="server">
<table id="options" border="1">
<thead>
<tr>
<td>
SWEET OPTION
</td>
<td>
DRINK OPTION
</td>
</tr>
</thead>
<tbody id="skuOptionsBody">
<tr>
<td style="text-align: center">
SO1
</td>
<td style="text-align: center">
DO1
</td>
</tr>
</tbody>
</table>
</form>
</body>

更新:

抱歉,我忘了提到我使用 jQuery 向表中动态添加行,并且在添加新行时我需要将它们绑定(bind)到此点击事件。如何做到这一点?

最佳答案

在 $(document).ready(function(){}); 中试试这个

$("#skuOptionsBody td").bind('click', function () {
alert('clicked!');
});

或者对于 jquery > 1.7 你可以使用 .on()

$("#skuOptionsBody").on('click', 'td', function () {
alert('clicked!');
});

关于javascript - 在 tbody 中的每个 td 上引发 jQuery 单击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21701699/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com