Question

如何选择没有显示'none'的最后一个'li'元素，而不是具有'more'className的元素。除了循环使用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>

Answer 1

当然，请使用:not，:visible和:last：

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

＆＃13;

$('li:not(".more"):visible:last').css('background','red')

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

＆＃13;

如何选择没有显示'none'并且没有特定类名的第n个li元素

1 个答案: