Den*_*els 1 html javascript jquery jquery-click-event
我试图在用户点击td内部的任何元素时发出一个点击事件tbody.这是我到目前为止所得到的,但它没有提出事件,任何想法为什么？
<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动态地向表添加行,因为我正在添加新行,我需要它们绑定到这个click事件.如何做到这一点？
在$(document).ready(function(){})中尝试这个;
$("#skuOptionsBody td").bind('click', function () {
alert('clicked!');
});
或者对于jquery> 1.7,你可以使用.on()
$("#skuOptionsBody").on('click', 'td', function () {
alert('clicked!');
});