Найти следующий элемент и узнать его тип 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;"); /* заключим его в красную рамку */
}
});
Заказать создание сайта в Уфе