How to select the previous element of a given class

Question

I have an UL list :

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

I can access the first previous element of li.selected who do not have attribute data-sel=foo by using :not selector

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

But how can i access the first previous element of li.selected who have attribute data-sel=foo ?

That's not how `.prev` works: http://api.jquery.com/prev/. – Felix Kling Sep 06 '12 at 15:30 — Felix Kling, Sep 06 '12 at 15:30

Some Guy · Answer 1 · 2012-09-06T15:35:51.107

1

This should work fine:

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

edited Sep 06 '12 at 15:35

answered Sep 06 '12 at 15:28

Some Guy

I don't think `.has` works: *"Reduce the set of matched elements to those that have a descendant that matches the selector or DOM element."*. http://api.jquery.com/has/ – Felix Kling Sep 06 '12 at 15:32

score 0 · Answer 2 · answered Sep 06 '12 at 15:28

0

Have you tried the :has selector? http://api.jquery.com/has-selector/

answered Sep 06 '12 at 15:28

Chase

Gabe · Answer 3 · 2012-09-06T15:39:04.030

0

That is how prev() works, you could use prevAll() like this:

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

OR

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

edited Sep 06 '12 at 15:39

answered Sep 06 '12 at 15:32

Gabe

score 0 · Accepted Answer · answered Sep 06 '12 at 15:37

0

This works:

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

answered Sep 06 '12 at 15:37

j08691

4 Answers4