提问者:小点点

我如何获得列表项元素的索引而不是“display:none;”


我要查找没有属性style=“display:none;”的列表项元素的索引。

下面是我的基本清单:

null

<ol>
  <li style="display:none;">LI 1</li>
  <li>LI 2</li>
  <li style="display:none;">LI 3</li>
  <li style="display:none;">LI 4</li>
  <li style="display:none;">LI 5</li>
</ol>

null

感谢您的回答:)


共2个答案

匿名用户

而您可以搜索没有style属性的元素

null

const li = document.querySelector('ol li:not([style])');
console.log(li.textContent);
<ol>
    <li style="display:none;">LI 1</li>
    <li>LI 2</li>
    <li style="display:none;">LI 3</li>
    <li style="display:none;">LI 4</li>
    <li style="display:none;">LI 5</li>
</ol>

匿名用户

我觉得你可以这样做。

null

const li = document.querySelector('li:not([style="display:none;"])');
console.log(li.textContent);
<ol>
    <li style="display:none;">LI 1</li>
    <li style="display:block;">LI 2</li>
    <li style="display:none;">LI 3</li>
    <li style="display:none;">LI 4</li>
    <li style="display:none;">LI 5</li>
</ol>