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 上设置溢出并不像预期的那样在所有浏览器中工作。