javascript - 如何使用jquery使用变量隐藏html中的项目

Question

我正在尝试使用这个简单的脚本通过 ID 隐藏某些元素，我在变量中有 id，但它不起作用。这是代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</script>
<script>
function filter(id_get) {
  $(".product").each(function(index) {
    var f = this.id;
    if (!f.includes(id_get)) {
      var hash = "#";
      var cmp = hash.concat(f);
      $(cmp).attr("display", "none");
    }
  });
}
</script>

如果我执行 console.log(cmp) 它会显示要删除的正确产品 ID，但不会隐藏 div。

我也尝试过$(cmp).hide

Answer 1

您正在尝试直接更改属性。 display 不是一个属性。 style 是一个属性。您可以更改 style 属性的 display 属性。将 $(cmp).attr("display","none"); 更改为:

$(cmp).css("display", "none");

或者，您可以只使用内置的 jQuery hide 函数。将 $(cmp).attr("display","none"); 更改为:

$(cmp).hide();

在上下文中:

function filter(id_get){
    $( ".product" ).each(function( index ) {
        var f = this.id;
        if(!f.includes(id_get)){
          var hash = "#";
          var cmp = hash.concat(f);
          $(cmp).hide();
        }
    });
}