将表格中的监听器从HTML标签中移动到JavaScript代码中,并使用data属性存储该行的相关信息以便在监听器中访问。同时,对于描述中包含的HTML注释,我们可以使用纯文本替换来处理。
示例代码:
HTML:
内容 1 | 监听器 1 | 描述 1 |
内容 2 | 监听器 2 | 描述 2 |
JavaScript: var listeners = document.querySelectorAll('.listener'); listeners.forEach(function(listener) { listener.addEventListener('click', function() { var info = this.parentNode.getAttribute('data-info'); // 获取该行的相关信息 // do something with info }); });