Цикл по ul li с использованием jQuery и сохранение текущего элемента навигации

Question

Я зацикливаюсь на первом наборе тегов li a в моем UL и получаю высоту, чтобы я мог доставить другое фоновое изображение, если текст a> span> span охватывает две или три строки.* Мне нужно иметь возможность хранить эти конкретные кнопки в массиве, чтобы при наведении на них курсора текущий диапазон с двухстрочным текстом получал другое фоновое изображение.

Вот что у меня есть, а я нетуверен, куда идти отсюда.Буду признателен за помощь.

   var doubleLineButtons = new Array();

$("div.subSectNav .RadPanelBar ul.rpRootGroup > li.rpItem > a").each(function (i) {

    if ($(this).height() > 35) {

        doubleLineButtons.push($(this))

        // here I need to access any possible menu items if the lines have wrapped and deliver a different background image
        doubleLineButtons[i].hover(function(){
            // change the background image of this button
            (this).css('background', 'url("/App_Themes/2010a/images/background_nav_sub_left_double.png") no-repeat scroll 0 0 transparent');
        },
        function(){
            // remove the background image from this button
        });

    }

});

Спасибо большое!

Answer 1

Я не понимаю, почему вам нужно хранить их в массиве, если все, что вы хотите сделать, это изменить фоновое изображение.Следующий рабочий пример по номеру http://jsfiddle.net/h6GTW/ должен привести вас в правильное русло.

$('li').each(function() {
    if ($(this).height() > 35) {
        $(this).hover(function() {
            $(this).css('background', 'red');
        }, function() {
            $(this).css('background', 'white');
        });
    }
});?