我需要<li>根据其文本内容隐藏/显示。在下面的示例中，我只想显示包含“内容 1”的列表项并隐藏其余的列表项。我确信有几种方法可以做到这一点。我是否需要将列表转换为数组，然后使用“包含”方法，然后使用条件语句附加样式显示无/显示块？

我会在一个页面上有几个无序列表，因此使用包装器 div 的 ID 来定位它们。

 <div>
    <ul>
        <li>content 1</li>   
        <li>content 2</li>  
        <li>content 3</li>   
        <li>content 4</li>     
     </ul>
   </div>

回答

for (let li of document.querySelectorAll("#myDiv li")) {
    li.style.display = li.textContent === "content 1" ? "" : "none";
}

<div>
  <ul>
    <li>content 1</li>
    <li>content 2</li>
    <li>content 3</li>
    <li>content 4</li>
  </ul>
</div>