找出 td 元素何时显示省略号

Question

我有一个表格，其中的单元格如果太长就会显示省略号。我在 td 元素上设置了溢出：隐藏和文本溢出：省略号。

如果用户悬停的单元格无法容纳整个文本，但在其他单元格上没有工具提示，我现在需要显示工具提示。

我可以注册一个事件来捕获鼠标悬停，但我如何判断悬停的 td 是否显示省略号？

Answer 1

您可以检查内容的滚动宽度并将其与元素的宽度进行比较。 这是一个使用 jQuery 的解决方案：

$('td').each(function () {
    if ($(this)[0].scrollWidth > $(this).innerWidth()) {
        // Text is overflowing
    }
});

http://jsfiddle.net/AvJvW/