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

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

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

        Мои работы

        0
        Производство дизайнерских ограждений
        Логотип
        Производитель ворот калиток
        Работаем с 2010 года
        0
        Магазин спецодежды
        Работаем с 2010 года
        Логотип мебельной фирмы
        Фабрика мебели
        Работаем с 2019 года
        0
        Магазин стройматериалов
        Работаем с 2018
        0
        Пекарня, доставка еды
        Работаем с 2019 года
        Задать вопрос или оставить заявку
        Наверх страницы