siblings()

посл. ред. 11.08.2016

Метод siblings() выбирает сестринские элементы по отношению к элементам текущей выборки. При этом сами элементы текущей выборки в результат не включаются (для их включения можно воспользоваться методом andSelf).

Варианты использования

jQ_object.siblings() => jQuery: Выбирает все сестринские элементы для элементов текущей выборки.
jQ_object.siblings(селектор) => jQuery: Выбирает только те сестринские элементы для элементов текущей выборки, которые удовлетворяют указанному селектору.

Примеры

<html>
<head>
  <title>Работа с выборкой jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
  <p class="main">Параграф 3</p>
  <p>Параграф 4</p>
</body>
</html>
 
<script>
$('.main')
/* выбор параграфа с классом main */
  .siblings()
/* выбор сестринских элементов */
  .css('font-size', '80%')
/* уменьшение размера шрифта */
  .andSelf()
/* добавление предыдущей выборки */
  .css('color', 'red');
/* установка красного цвета шрифта */
</script>

Параграф 1

Параграф 2

Параграф 3

Параграф 4