jQuery隐藏所有不包含类中特定单词的div

Question

我有以下代码：

jQuery(document).ready(function($) {
    $("ul.accordion-section-content li[id*='layers-builder'] button.add-new-widget").click(function () {
    $("#available-widgets-list div[class*='layers-widget']").hide(); 
  });
});

此代码背后的想法是，如果单击包含短语“layers-builder”的按钮，则隐藏div #available-widgets-list中包含短语“layers-widget”的所有div。

我需要它做的几乎相反，即当点击包含短语'layers-builder'的按钮时，我需要隐藏所有不包含短语'layers-builder'的div。 / p>

Answer 1

使用:not()选择器

jQuery(document).ready(function($) {
  $("ul.accordion-section-content li[id*='layers-builder'] button.add-new-widget").click(function() {
    $("#available-widgets-list div:not([class*='layers-builder'])").hide();
  });
});