如何選擇沒有顯示'none'且沒有特定班級名稱的第n個li元素

-2

如何選擇最後'li'元素沒有顯示'none'且不是'更多'className。除了通過li元素循環以外還有其他方法嗎？如何選擇沒有顯示'none'且沒有特定班級名稱的第n個li元素

<div class="Header"> 
    <ul> 
     <li><a href="#">aaa</a></li> 
     <li><a href="#">bbb</a></li> 
     <li style="display: none;"><a href="#">ccc</a></li> 
     <li class="more" style="display: inline-block;"><a>More…</a> 
     <div class="more-content"><a href="#">aaa</a><a href="#">bbb</a><a href="#">ccc</a></div> 
     </li> 
<ul> 
    </div>

來源

2017-08-01 keerti

你會如何想擁有它呢？我不認爲，雖然我可能弄錯了，但有一種方法可以用CSS來做到這一點。即使你能做到，以後也很難管理。 – Si8

使用css3功能。否則，爲什麼不循環使用jQuery？ – Brian

那麼在你的例子@keerti中，應該選擇哪一個呢？ 'bbb'？ – Si8

當然，使用:not，:visible，並:last：

$('li:not(".more"):visible:last')

來源

2017-08-01 19:23:49 j08691

這是完美的。正是我想要的。謝謝 – keerti

如何選擇沒有顯示'none'且沒有特定班級名稱的第n個li元素

回答

相關問題