Javascript 试图找到隐藏内容的宽度，以便调整包含div的大小以显示内容（jQuery）

我正在尝试创建一个调整大小的容器，它将在$（'element'）上“增长”。悬停，但我只想在LI中的内容由于css overlow:hidden而变宽和隐藏时这样做。我似乎找不到一种方法来找到全部隐藏内容。例如：

<ul id="innerContainer">
<li><a href="/Afrikaans/index.html">Afrikaans</a></li>
    <li><a href="/Arabic/index.html">Arabic</a></li>
    <li><a href="/Chinese/index.html">Chinese (Mandarin) What The Its Just Crazy</a></li>
</ul>

我能得到的只是实际的宽度，是172px

考虑到项目已经在一个垂直滚动的容器中。 这方面的一个实例是 您可以看到菜单中太宽的行如何溢出到下一行。我通过使用溢出：隐藏来消除它。现在我需要找到隐藏文本行的宽度

---

提前感谢您的回复。

您可以使用jquery获得渲染宽度：

$("#innerContainer").width()

---

编辑：我必须满足您的新要求。滚动列表项以返回悬停项的宽度

---

您必须将包含元素的宽度设置为自动，获取宽度，然后将其重置为172px。使用jQuery时，这种情况发生得足够快，不会出现闪烁

---

请参阅。

好的。因此，我采用了一种稍微不同的解决方案，简化了以下事实：在本产品的生产版本中，我有许多外部div，它们最终需要设置为自动宽度，以便遵循上述建议。取而代之的是，我创建了一个div，它完全位于页面之外，与LI的锚链接具有相同的字体大小、重量和系列设置。悬停时，我用$（this.html（）的内容填充宽度设置为auto的隐藏div，然后调用隐藏div（#test）上的.width（）。看起来是这样的：

$('#test').html($(this).html());
var new_width = $('#test').width();

---

两行可爱的代码，正好返回我所需要的。谢谢大家的帮助。如果没有你们，我是不会明白这一点的。

你是不是在

周围放了一个标记，然后尝试从中获取宽度？当我尝试这个：$（'ul#innerContainer li'）.hover（function（）{$（'test'）.html（$（this.html（）+'）：+$（this.eq（2.width（））；）}，function（）{$（'test test'）.html（'out'））; 它返回null作为宽度。我使用（此）以便仅获得选定LI的宽度。我将值返回到id为test的页面上的一个空div。好的，这是正确的方向，除了我需要找到悬停的实际li的宽度。你的例子就是最大的例子。在现实世界中，有很多答案是溢出的，但宽度不同。我已经用一把新的小提琴更新了我的答案，以满足您的新要求。我很高兴在我完成了你的项目后你自己发现了。谢谢你的反馈，我从你的帮助中学到了很多。由于您的帮助，我还发现了JSFIDLE。这是一个工具，我一定会使用。谢谢

$('#test').html($(this).html());
var new_width = $('#test').width();