如何用jQuery为表格每行第5列单元格添加完整内容作为title属性

我懂你的困扰——你已经成功定位到表格第5列的所有单元格，但之前的代码只能给它们设置固定的title值，没法把每个单元格自身的完整内容作为title的属性值对吧？

问题出在你调用attr()的方式上：当你直接传入固定字符串作为第二个参数时，所有选中元素的属性都会被设为这个固定值。要实现每个单元格的title对应自身内容，你需要用attr()的函数参数形式，它会遍历每个选中的元素，为每个元素单独计算属性值。

正确的代码实现 #

$('#tableID > tbody > tr > td:nth-child(5)').attr('title', function() {
  // 返回当前单元格的文本内容作为title值，trim()去除首尾多余空格
  return $(this).text().trim();
});

代码解释 #

• attr('title', function() {...})：这里的函数会被应用到每个选中的<td>元素上，this指向当前正在处理的单元格
• $(this).text()：获取当前单元格的纯文本内容（如果你的单元格包含HTML标签，想要保留结构的话，可以换成$(this).html()）
• trim()：可选操作，用来移除文本首尾的空格、换行符等空白字符，让title显示更整洁

这样处理后，每个第5列的单元格都会自动把自己的完整内容设为title属性值，鼠标悬停时就能看到完整内容啦。

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