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

Пример: Нужно узнать тип каждого следующего элемента <UL> списка. У меня такая задача возникла при парсинге одного меню, в котором <UL> список воторого уровня находился не в теге <LI>, как это обычно принято, а шел сразу после коренного <LI> элемента, поэтому пришлось немного освежить память перед парсингом.

Пример HTML кода

 
<ul id="root">
<li>1 корневой</li>
<li>2 корневой</li>
<li>3 корневой</li>
<ul> // - нужно его вычислить
<li>1 второго уровня</li>
<li>2 второго уровня</li>
</ul>
<li>4 корневой</li>
</ul>

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

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

$("#root li").each(function() // пройдемся по всем <li> элементам
{
var nextElement = $(this).next(); /* цепляем следующий за текущим <li> элемент */
var typeElement = $(nextElement).attr("tagName"); /* узнаем тип следующего элемента списка */

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

});

Наши клиенты

Большая часть наших клиентов становится постоянными, мы работаем уже 7 лет и за нашими плечами накопился большой опыт, как в разработке сайтов, так и в работе с людьми. Закажите создание сайта в нашей фирме и вы не будете разочарованы!
Сайт носит информационный характер и не является публичной офертой