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

        });
        Заказать создание сайта в Уфе
        Задать вопрос или оставить заявку
        Введите пожалуйста контантный номер телефона, WhatsApp или Email. Я с Вами свяжусь!
        Техническое задание (необязательно)

        Видео обо мне

        Видео как управлять сайтом

        Наверх страницы