如何使用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();
        }
    });
}