javascript - 如何检查 元素是否具有特定值

Question

我可以用 JS 或 JQuery 检查列表是否包含特定值吗？

我的代码:

HTML:

  <ul class="list-group list-group-flush" id="liste">
  </ul>

JavaScript:

<script type="text/javascript">
  document.getElementById('Add').onclick = function() {
    var Nutzer = document.getElementById('Suche').value;
    var Liste = document.getElementById('liste');
    if (! $("li:has(Test)")) {
      var entry = document.createElement('li');
      entry.setAttribute( 'class', 'list-group-item' );
      entry.appendChild(document.createTextNode(Nutzer));
      Liste.appendChild(entry);
    }
}
</script>

我只找到了带有 li:contains 的解决方案，但这不是我想要的。

Answer 1

使用Array.prototype.some在 li 元素列表上

console.log([...$("#liste li")].some(el => $(el).text() === "Test"));
console.log([...$("#liste li")].some(el => $(el).text() === "Anything Else"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="list-group list-group-flush" id="liste">
  <li>Test</li>
</ul>