JQuery: search previous div

Question

<div class="a" style="display:none">Content 1</div> <div class="a" style="display:none">Content 2</div> some other HTML... <span id="b">foobar</span> 

How can I match the first div class = "a" over span id = "b" to show () this? Id = "b" is the only thing I know before.

Answer 1

Like this:

 $('#b').prevAll('.a:first').show(); 

Answer 2

 $("#b").closest(".a").show(); 

Try it.

Answer 3

Do ancestors share elements? If so, you can combine response letters and SLaks:

 $('#b').closest('parentType').prevAll('.a:first').show(); 

Or something similar, depending on your DOM.

Answer 4

As long as I understand a few selectors correctly, this should work. It will get all divs with class 'a' and and span with id 'b'. They will be “documented” in accordance with the documentation . Then you need to get the div before your span tag and display it.

 var elems = $('span#b, div.a'); var divIndex; for (var i = 0; i < elems.length; i++) { if (elems[i].tagName == "SPAN") { divIndex = i - 1; break; } } $(elems[divIndex]).show();