我正在学习JavaScript,但经验不足。但是我正在制作一个HTML表,我想在每个表单元格(<td>
)中添加一个onClick事件。
<table id="1">
<tr>
<td onClick="tes()">1</td><td onClick="tes()">2</td>
</tr>
<tr>
<td onClick="tes()">3</td><td onClick="tes()">4</td>
</tr>
</table>
还有其他方法可以在每个单元中执行此事件吗?
有两种方法:
var cells = table.getElementsByTagName("td");
for (var i = 0; i < cells.length; i++) {
cells[i].onclick = function(){tes();};
}
另一种使用jQuery的方式:
$('td').click(function(){tes();});
更新:
为了确切地获得所需的内容,首先必须选择表,因此,对于第一个选项:
var table = document.getElementById('1');
var cells = table.getElementsByTagName("td");
...
第二,jQ选择器应如下所示:
$('#1 td')
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句