jquery - 除了 div 和其中的所有 div 之外的所有元素的样式

Question

$('#main div').not('#2 > #3').each(function() {
  $(this).css('background-color', 'blue');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

  <div id="1">
    <div>Some text in paragraph 1</div>
    <div>Some text in paragraph 1</div>
  </div><br>
  <div id="2">
    <div id="3">Some text in paragraph 2</div>
    <div>Some text in paragraph 1</div>
  </div><br>
  <div id="3">
    <div>Some text in paragraph 3</div>
    <div>Some text in paragraph 1</div>
  </div><br>

</div>

我希望 css 不应用于 id=2 的 div 的嵌套 div。有什么建议吗？

Answer 1

您必须以这种方式排除 div#2:

$('#main > div').not('#2').each(function() {
    $(this).css('background-color', 'blue');
});

或者更简单地说:

$('#main > div').not('#2').css('background-color', 'blue');

纯 CSS:

#main > div:not(#2) {
    background-color: blue;
}