Javascript 搜索文本时隐藏h4

我有过滤文本的搜索脚本，但想隐藏h4，这是在永远的ol顶部。如何隐藏相同的内容

现在的情况是文本过滤了搜索，但我们仍然可以看到h4（应该隐藏在隐藏中）

函数myFunction（）{
var输入、过滤器、ol、li、a、i、TXT值；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
li=document.queryselectoral（“ol li”）；
var父代；
变异性；
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
parent=li[i].parentElement；
//console.log（父级）；
Sibling=父级。PreviousElement同级；
//控制台日志（sibling）；
sibling.style.display=“无”；
}
}
}

名单1


名单2


名单3

我希望这能解决您的问题。 只要搜索输入长度大于1，我就隐藏h4。如果删除搜索，将再次显示h4标题。请随意更改隐藏标题的条件，使其对您有意义（可能在搜索字段外单击等）

最好的， 保罗

编辑：

我不理解兄弟姐妹和父母的部分，所以我把它注释掉了。但不管怎么说，这似乎是可行的；）

函数myFunction（）{
var输入，过滤器，ol，li，a，i，txtValue，父级，Sibling，h4；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
li=document.queryselectoral（“ol li”）；
h4=document.queryselectoral（“h4”）；
//控制台日志（过滤器）；
如果（filter.length>0）{
h4.forEach（el=>{
el.style.display=“无”；
});
}否则{
h4.forEach（el=>{
el.style.display=“块”；
});
}
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
parent=li[i].parentElement；
/* 
console.log（父级）；
Sibling=父级。PreviousElement同级；
//控制台日志（sibling）；
sibling.style.display=“无”；
*/
}
}
}

名单1


名单2


名单3

您能进一步解释一下现在发生了什么以及应该发生什么吗？您是要从搜索中隐藏，还是从网站中隐藏？请考虑编辑你的问题并把你的代码放在一个“片段”中。通过这种方式，其他人可以修改您的功能代码解决方案。我也这样做了。。我真的需要在你搜索东西的时候把h4藏起来。。我还添加了输出照片。当我们进行搜索时，我希望名称列表1、2、3被隐藏。。并仅显示搜索结果。