如何检查文本字段是否已包装以及它已包装到的行数

Question

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

这是我的scernario：

<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（）方法检查跨度的高度，如果高度大于原始大小，我可以为该按钮提供不同的图像：）