javascript - 从 javascript 设置溢出 css 属性

Question

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

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

最初我想拥有：

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

然后在元素的 javascript mouseenter 处理程序中：

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

但它不起作用！悬停时什么也没有发生...为什么？当我反转代码并使溢出在开始时可见时，悬停会隐藏它。

谢谢你

Answer 1

您正在寻找所有TD的父母，而不是.overflow元素。尝试这个：

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

设置溢出TD不能在所有浏览器中按预期工作。