Question

已经使用simpleCart一段时间了，它工作得很好，我知道它有一个搜索功能，但它似乎只搜索某些元素我的问题是这个，我想知道它是否可以设置为搜索在html文件的内容？因为所有项目都存储在Html页面中，以便进行简单的编目。

Answer 1

尝试：JS

            function filter(e){
                      search = e.value.toLowerCase();
                      console.log(e.value)
                      document.querySelectorAll('.item_name').forEach(function(row){
                         text = row.innerText.toLowerCase();
                         if(text.match(search)){
                            row.style.display="block"
                         } else {
                            row.style.display="none"
                         }

                          // need to count hidden items and if all instances of .kb-items are hidden, then hide .kb-item
                         var countHidden = document.querySelectorAll(".item_name[style='display: none;']").length;

                          console.log(countHidden);
                      })
                    }
                  function detectParent()
                  {
                    var collectionref=document.querySelectorAll(".simpleCart_shelfItem");
                    collectionref.forEach(group=>{
                      var itemcollection=group.getElementsByClassName("item_name");
                      var hidecounter=0;
                      for(var j=0;j<itemcollection.length;j++)
                      {

                        if(itemcollection[j].style.display==='none')
                        {
                            hidecounter++;
                        }
                      }
                      if(hidecounter===itemcollection.length)
                      {
                        group.style.display="none";
                      }else{
                        group.style.display="block";
                      }

                    });
                  }

和HTML：

<input type="text" onkeyup="filter(this);detectParent();"/>

SimpleCart.js搜索功能

1 个答案: