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

【问题标题】：How to check if a text field has wrapped and the number of lines it has wrapped to如何检查文本字段是否已换行以及已换行的行数
【发布时间】：2010-09-17 20:33:26
【问题描述】：

我有一个复杂的垂直导航，在我的设计中包含透明 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 标记是否将文本包含在其中以及包含多少行，以便我可以为该菜单项提供不同的背景图像。

有人知道我会怎么做吗？

谢谢，詹姆斯

【问题讨论】：

或者使用jQuery会更好
我已经检查过，我得到的最接近的是使用 \n 元字符的正则表达式，但我认为如果换行自动换行，这将无法解决问题

标签： height html lines

【解决方案1】：

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

【讨论】：