jquery - 如何用jquery排除特定的 child ？

Question

这是我的 HTML

<div class="big-wrap">
  <div class="logoburger">
    <div class="burgermenu">
      <img class="burger" src="/includes/pictures/1452702292_menu-alt.svg">
    </div>
    <div class="search">
      <div id="search-icon"></div>
      <form class="ui-widget" method="POST" action="../">
        <input id="tags" placeholder="Search.." name="search" class="ui-autocomplete-input" autocomplete="off">
      </form>
    </div>
    <div class="logo">
      <a class="homepage" href="/">
        <img src="/includes/pictures/Logo.svg" alt="Logo">
      </a>
    </div>
  </div>
 <div class="big-content"></div>
</div>

这是我的CSS

.pushedoff {
  opacity: 0.4;
  pointer-events: none;
}

这是我的 jquery。

$('.burgermenu').click(function() {
  $('.big-wrap').not($'.burgermenu').toggleClass('pushedoff');
}

我希望整个 .big-wrap 被“pushedoff”，除了类为“burgermenu”的元素(它是 big-wrap 子元素之一内的子元素)。我尝试使用 .not() 来排除 .burgermenu，但它似乎不起作用。有办法实现这一点吗？谢谢。

Answer 1

请检查以下代码:

$(document).ready(function () {
    $('.burgermenu').click(function() {
        $('.logoburger').children('div').not('.burgermenu').toggleClass('pushedoff');
    });
});