在单元格元素上绑定事件的最佳方法

Question

我有一个由JS脚本填满的网页,它创建了很多HTML表格.

<table>创建的数量可以在1到1000之间变化,每个单元中有100个单元格.

我的问题是:如何有效地绑定这些表上的点击？我应该将单击的每个单元格<table>或直接绑定到<table>自身并检索单击绑定功能中的单元格吗？

或者你有另一个想法？

谢谢

PS:我正在使用IE6 +

Answer 1

我建议你使用代表.

$("table").delegate("td", "click", function(){
    alert($(this).text()); // alert td's text.
});

delegate将绑定一个事件,即上下文(在本例中为<table>).