Latest web development tutorials

JQuery Обход - Соотечественники (братьев и сестер)

Соотечественники имеют один и тот же родительский элемент.

К Jquery, вы можете пройти соотечественников элемента в дереве DOM.


Уровень в DOM обхода дерева каталогов

Есть много полезных способов, чтобы получить нас в уровне DOM Обход дерева:

  • братьев и сестер ()
  • Следующий ()
  • nextAll ()
  • nextUntil ()
  • предыдущая ()
  • возобладать ()
  • prevUntil ()

метод JQuery братьев и сестер ()

Метод братьев и сестер () возвращает выбранный элемент всех соотечественников элементы.

Следующий пример возвращает <h2> элемент всех соотечественников:

примеров

$(document).ready(function(){
$("h2").siblings();
});

Попробуйте »

Вы можете также использовать дополнительные параметры для фильтрации поиска для соотечественников элемента.

Следующий пример возвращает относятся к элементу <h2> элемент всех соотечественников <p>:

примеров

$(document).ready(function(){
$("h2").siblings("p");
});

Попробуйте »


Следующий метод JQuery ()

Метод следующий () возвращает выбранный элемент к следующему элементу соотечественников.

Этот метод возвращает только один элемент.

Следующий пример возвращает элемент <h2> следующая соотечественниками:

примеров

$(document).ready(function(){
$("h2").next();
});

Попробуйте »


метод JQuery nextAll ()

Метод nextAll () возвращает все элементы следуют товарища выбранного элемента.

Следующий пример возвращает элемент <h2> всех соотечественников следовать:

примеров

$(document).ready(function(){
$("h2").nextAll();
});

Попробуйте »


метод JQuery nextUntil ()

nextUntil () возвращает метод между всеми элементами двух соотечественников следовать заданным параметрам.

Следующий пример возвращает между <h2> и <H6> элемент всех соотечественников между элементами:

примеров

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Попробуйте »


JQuery предыдущая (), возобладать () & prevUntil () метод

Работа Prev (), возобладать () и prevUntil () метод подобен описанному выше способу, но только в противоположном направлении: они возвращаются перед земляческих элементов (в DOM обходе дерева в обратном направлении вдоль соотечественников элемента вместо вперед).