Найти следующий элемент и узнать его тип jQuery.

Для того что бы найти следующий элемент в Dom списке нужно использовать jQuery функцию .next()

Пример: Нужно узнать тип каждого следующего элемента

списка. У меня такая задача возникла при парсинге одного меню, в котором

список воторого уровня находился не в теге

, как это обычно принято, а шел сразу после коренного

элемента, поэтому пришлось немного освежить память перед парсингом.

Пример HTML кода

• 1 корневой

• 2 корневой

• 3 корневой

// - нужно его вычислить

• 1 второго уровня

• 2 второго уровня

• 4 корневой

Для того что бы найти и определить список второго уровня

нам помимо функции .next() понадобится знать тип следующего элемента, для этого воспользуемся функцией .attr("tagName").

В итоге сам код

$("#root li").each(function() // пройдемся по всем

• элементам

{
    var nextElement = $(this).next(); /* цепляем следующий за текущим

• элемент */

    var typeElement = $(nextElement).attr("tagName"); /* узнаем тип следующего элемента списка */

      if(typeElement=="UL") /* если элемент является списком */
       {
             $(this).css("border:1px solid red;"); /* заключим его в красную рамку */
        }
        
});