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

时间:2013-06-19 15:56:03

标签: javascript html

我有一张表,如果太长,单元格会显示省略号。我设置了溢出:隐藏和文本溢出:td元素的省略号。

如果用户悬停的单元格不适合整个文本,但是其他单元格上没有工具提示,我现在需要显示工具提示。

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

1 个答案:

答案 0 :(得分:1)

您可以检查内容的scrollWidth并将其与元素的宽度进行比较。 这是jQuery的解决方案:

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

http://jsfiddle.net/AvJvW/