javascript - jQuery 任何不包含 data 属性的元素

Question

我的代码:

$(".tags li").click(function() {
  var catid = $(this).data("catid");
  $("[data-category!="+ catid + "]").hide();
  $("[data-category="+ catid + "]").show();
});

jQuery documentation指出最好使用 .not() 方法。但是如何将 .not() 应用于具有 data-category 属性的任何元素？

Answer 1

not 选择不具有指定属性的元素，或者具有指定属性但不具有特定值的元素。如果我理解正确的话这会对你有帮助

$(".tags li").on("click", function() {
  var catid = $(this).data("catid");
  $("[data-category=" + catid + "]").show();
  $("[data-category]").not("[data-category=" + catid + "]").hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="tags">
  <li data-catid="1">Category 1</li>
  <li data-catid="2"> Category 2</li>
</ul>

  <div data-category="1">
    Category 1 Item
  </div>
  <div data-category="1">
    Category 1 Item
  </div>
  <div data-category="2">
    Category 2 Item
  </div>