如何选择给定类的前一个元素[重复]答案

【问题标题】：How to select the previous element of a given class [duplicate]如何选择给定类的前一个元素[重复]
【发布时间】：2012-09-06 15:26:42
【问题描述】：

我有一个 UL 清单：

<ul>
  <li data-sel='foo'></li>
  <li></li>
  <li data-sel='foo'></li>
  <li class='selected'></li>
  <li data-sel='foo'></li>
 </ul>

我可以使用:not 选择器访问li.selected 没有属性data-sel=foo 的第一个前一个元素

var element = $('.selected').prev("li:not([data-sel='foo'])");

但是我怎样才能访问具有data-sel=foo 属性的li.selected 的第一个前一个元素？

【问题讨论】：

【解决方案1】：

这应该可以正常工作：

var element = $('.selected').prev("li[data-sel='foo']");

【讨论】：

【解决方案2】：

这行得通：

var element = $('.selected').prevAll("li[data-sel='foo']")[0];

【讨论】：

【解决方案3】：

您尝试过:has 选择器吗？ http://api.jquery.com/has-selector/

【讨论】：

【解决方案4】：

prev() 就是这样工作的，你可以像这样使用prevAll()：

$('.selected').prevAll('li').not('[data-sel="foo"]').first();

或

$('.selected').prevAll('li:not([data-sel="foo"]):first');

【讨论】：