jquery - 如何使 jquery 适合 html 网格？

Question

我们动态创建一个 html 网格。它有超过 5000 行和 10 列(可以增长)。目前，我们为每个属性添加了“标题”属性，以在悬停时显示工具提示。由于我们要向所有 5000x10 单元格添加属性，因此需要一些时间来添加所有这些属性并使 jQuery 变得有点繁重。我想知道是否有更好、更有效的方法来显示悬停时的工具提示并减少/减轻 jQuery？我不确定我们是否可以使用 delegates() 或其他选项？

function RenderGrid(colDefs,data){    
    .
    .
    var data='';
    for (var col in columnDefs) {
      data = d[colDefs[col].columnId] || '';
      rw[++i] = '<td title="' + data + '">';
      rw[++i] = data;
      rw[++i] = '</td>';
    }
    .
    .
}

Answer 1

$('.element-class').on('hover', function () {

//   create the tooltip element here;

});