Javascript 如果内容与另一个div匹配，则隐藏li项

我目前在div“company name”中有内容，我还有一个完整的项目列表，其中包含div“item name”。如果“item name”中的内容与“company name”（逐字）中的内容匹配，那么我想显示：block；那个李,不然这个李就应该藏起来

此外，如果“item name”div为空/空，则也应隐藏它

<div id="company-name">ABC Corporation</div>

<ul>

<li>Content for this item - this list item should display:block; because the item-name matches the company-name
    <ul>
        <li class="location">Australia</li>
        <li class="industry">Pharmaceuticals</li>
        <li class="item-name">ABC Corporation</li>
    </ul>
</li>

<li>Content for this item - this list item should be HIDDEN - display:block;
    <ul>
        <li class="location">Australia</li>
        <li class="industry">Pharmaceuticals</li>
        <li class="item-name">XYZ Company</li>
    </ul>
</li>

<li>Content for this item - this list item should be HIDDEN - display:block;
    <ul>
        <li class="location">Australia</li>
        <li class="industry">Pharmaceuticals</li>
        <li class="item-name">LMN Hardware</li>
    </ul>
</li>

</ul>

ABC公司

• 此项目的内容-此列表项目应显示：块；因为项目名称与公司名称匹配
  澳大利亚 医药行业 ABC公司
• 此项目的内容-此列表项目应隐藏-显示：块；
  澳大利亚 医药行业 XYZ公司
• 此项目的内容-此列表项目应隐藏-显示：块；
  澳大利亚 医药行业 LMN硬件

---

您可以迭代

项目名称

元素，查看其内容是否与

公司名称

的内容匹配，如果匹配，则显示类似的内容

var cn=$（'#公司名称'）.text（）.trim（）；
$（'li:has（li.item name）'）.hide（）；
$（'li.item name'）.filter（函数（）{
返回$（this）.text（）.trim（）==cn；
}).parent（）.closest（'li'）.show（）

ABC公司

此项目的内容-此列表项目应显示：块；因为项目名称与公司名称匹配

澳大利亚
医药行业
ABC公司


此项目的内容-此列表项目应隐藏-显示：块；

澳大利亚
医药行业
XYZ公司


此项目的内容-此列表项目应隐藏-显示：块；

澳大利亚
医药行业
LMN硬件

告诉我们您被困在哪里？