Question

我有一个项目列表，我想找到列表中的最后一项，但该项目不能具有特定的类。如何编写代码，以便它也检查类名。

$('ul li:last')
$('ul li:not(.special)')

Answer 1

您可以轻松使用jQuery选择它在列表中找到的最后一项。因此，将你拥有的内容与last()结合起来，你就是金色的：

＆＃13;

// Reference: $("ul li:not('.y')").last().text()
document.write('The last non `y` class contains the text: ' + $("ul li:not('.y')").last().text() );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<ul>
  <li class="t">Not me.</li>
  <li class="y">Not me.</li>
  <li class="t">Not me.</li>
  <li class="y">Not me.</li>
  <li class="t">Not me.</li>
  <li class="y">Not me.</li>
  <li class="t">This one please!</li>
  <li class="y">Not me.</li>
</ul>

＆＃13;

继承文件：https://api.jquery.com/last/

更新

当然，您可以使用嵌套的CSS选择器，如@RejithRKrishnan在评论中所说。

＆＃13;

// Reference: $("ul li:not('.y')").last().text()
document.write('The last non `y` class contains the text: ' + $("ul li:not('.y'):last").text() );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<ul>
  <li class="t">Not me.</li>
  <li class="y">Not me.</li>
  <li class="t">Not me.</li>
  <li class="y">Not me.</li>
  <li class="t">Not me.</li>
  <li class="y">Not me.</li>
  <li class="t">This one please!</li>
  <li class="y">Not me.</li>
</ul>

＆＃13;

Answer 2

这可能会有所帮助。在ele将包含没有该类的最后一个元素。

 var ele;
  $('ul li').each(function(){
     if(!$(this).hasClass("yourclass"))
      {
           ele = this;
      }
  });

选择不包含特定类的最后一项

2 个答案:

更新