如何将jQuery .click()事件改写为$(document).on('click')委托绑定格式

最终实现代码 #

你可以直接使用下面的事件委托写法替换原有逻辑：

$(document).on('click', '#myTable td', function () {
    $('#meaningtextarea').val($("[type='hidden']", this).val());
});

关键说明 #

• 如果你页面中#myTable是页面加载时就存在的静态元素，也可以把监听宿主从document改成$('#myTable')，进一步提升事件触发效率，写法如下：

  $('#myTable').on('click', 'td', function () {
      $('#meaningtextarea').val($("[type='hidden']", this).val());
  });
  

• 原有回调逻辑不需要做任何调整，回调中的this仍然指向触发点击事件的td元素，和直接绑定的效果完全一致，同时能支持后续动态新增的td元素自动绑定点击事件。

内容的提问来源于stack exchange，提问作者Hashan