从javascript设置overflow css属性

Question

表格中有一个带有内部div的单元格：

<td class="source">
  <div class="overflow">
    <a href...>...</a>
  </div>
</td>

最初我想要：

td .overflow {      
overflow: hidden;       
text-overflow: ellipsis;
}

然后在javascript mouseenter handler中为元素：

$(this).parents('td').css('overflow', 'visible').css('text-overflow', 'visible')

但它不起作用！悬停时没有任何反应......为什么？ 当我反转代码并在开始时看到溢出时，悬停会隐藏它。

谢谢

Answer 1

您正在搜索所有父母TD，而不是.overflow元素。试试这个：

$(this).closest('.overflow').css({
    overflow: 'visible',
    textOverflow : 'visible'
});

TD上的设置溢出在预期的所有浏览器中都不起作用。