Оставить заявку

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

        });
        Заказать создание сайта в Уфе

        Мои работы

        Ditell
        Cервисный центр
        Работаем с 2010 года
        0
        Магазин стройматериалов
        Работаем с 2018
        Сервисный центр Sony
        Сервисный центр
        Работаем с 2017
        0
        Продажа нефтепродуктов
        Работаем с 2017 года
        Мираколи
        Детская одежда
        Работаем с 2018
        Оптсамогон
        Самогонные аппараты
        Работаем с 2017
        Задать вопрос или оставить заявку
        Наверх страницы