Как проверить, обернуто ли текстовое поле и количество строк, к которым оно было перенесено

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

удалось найти решение. Я могу проверить высоту пролета с помощью метода jheu .height (), и если высота больше, чем исходный размер, я могу доставить другое изображение для этой кнопки:)