height - 如何检查文本字段是否已换行以及已换行的行数

Question

我有一个复杂的垂直导航，在我的设计中包含透明的 PNG。我需要使这些菜单的高度动态增长，因为内容是从 CMS 中提取的，并且某些按钮的高度可能会根据文本字段换行的行数而增长。

这是我的情景：

<ul>
 <li>
     <a>
       <span>
            <span> This is an example of a very long menu name which will wrap<span>
         </span>
     </a>
 </li>
</ul>

我需要使用一些 javascript 来确定第二个 span 标记是否将文本包含在其中以及包含多少行，以便我可以为该菜单项提供不同的背景图像。

有谁知道我会怎么做？

谢谢，詹姆斯

Answer 1

设法找到解决方案。我可以使用 jQuery 的 .height() 方法检查跨度的高度，如果高度大于原始大小，我可以为该按钮提供不同的图像:)