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