javascript - 我们如何在 jQuery 中使用选择器来选择兄弟姐妹？

Question

这是一个使用 jQuery 选择兄弟姐妹的代码片段。我不明白如何使用selector中的不同组合来获取兄弟姐妹。下面是代码：

$(document).ready(function() {
  $('#main h1+h2').css("color", 'green');
  $('#main h2+p').css("color", 'green');
  $('#main p+p').css("color", 'green');
  $('#main p+h2').css("color", 'green');
  $('#main h2+h2').css("color", 'green');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<div id="main">
  <h1>Main Heading</h1>
  <h2>Subheading</h2>
  <p>I am paragraph</p>
  <p>I am paragraph</p>
  <p>I am paragraph</p>
  <h2>I am heading 2</h2>
</div>

标签： javascriptjquery