主页 / 问题 / 1061021
Accepted
Frontender
Asked:2020-12-20 12:19:42 +0000 UTC2020-12-20 12:19:42 +0000 UTC

如何遍历列表的所有元素并检查它们是否有类？

  • 772

有一个清单：

<ul>
    <li class="n">Текст</li>
    <li class="lc">текст</li>
    <li class="ac">текст</li>
    <li class="s">текст</li>
</ul>

我这样迭代：

let m = document.querySelector('ul');
let li = document.querySelectorAll('li');
[].forEach.call(m, function(li) {
    if(this.classList.contains('active')) {
        if(this.classList.contains('ac')) {
            // действие
        }
    }
});

但没有任何效果。

javascript

3 个回答

  1. Best Answer

    m- 不是一个列表，li- 一个列表。

    li.forEach(function(item) {
  if (item.classList.contains('active') && item.classList.contains('ac')) {
    // действие
  }
});
    • 2 

  2. [...document.querySelectorAll('li')].forEach(node => {
  if (node.classList.contains('ac') && node.classList.contains('active')) {
    console.log(node);
    console.log('do something...');
  }
});
    <ul>
  <li class="n">Текст</li>
  <li class="lc">текст</li>
  <li class="ac active">текст trigger</li>
  <li class="s">текст</li>
</ul>

    • 1 

  3. for (const li of document.querySelectorAll('ul li')) {
  if (li.matches('.ac.active')) {
    console.log(li.outerHTML);
  }
}
    <ul>
  <li class="n">Текст</li>
  <li class="lc">текст</li>
  <li class="ac active">текст</li>
  <li class="s">текст</li>
</ul>

    • 0

相关问题