使用Java脚本从DOM中删除特定列表项

Question

我在DOM中具有以下无序列表。我目前正在寻找一种方法，该方法可以使用Java脚本删除特定的列表项。

<ul class="list">
  <li id="1">Depy</li>
  <li id="2">HI</li>
  <li id="3">WA</li>
  <li id="4">FA</li>
</ul>

我正在JS中创建一个函数，该函数接受字符串参数。例如“ FA”，然后应该删除查找并删除内容中包含字符串的列表项。

总结一下，如果内容中有匹配的字符串，我想按特定的列表元素删除。

Answer 1

li元素的数组，然后遍历它们并删除具有正确内容的项目：

function removeListItemByText(text) {
  const li = [...document.querySelectorAll("li")];
  li.forEach(elem => {
    if (elem.innerText == text) elem.parentNode.removeChild(elem);
  });
}

document.getElementById("button").onclick = function() {
  removeListItemByText("FA");
};

<ul class="list">
  <li id="1">Depy</li>
  <li id="2">HI</li>
  <li id="3">WA</li>
  <li id="4">FA</li>
</ul>

<button id="button">Remove FA</button>