jQuery traversing to div above..

Question

Hi there..

Having a few issues with JQuery traversal and looking for some asssistance..

If i have the following html

<div id="1">
This is a div
</div>
<div id="2">
<a href="link">This is div 2</a>
</div>

What I would like to do, is when I click on the link in div 2, is add a class to div1 using dom traversal, and not just directly refering to div 1s id....

Many thanks

Answer 1

http://api.jquery.com/prev/

This should do it:

$('a').click(function() {
  $(this).parent().prev().addClass('previous');
});

Answer 2

$("#2 a").click(function(e) {
    e.preventDefault();
    $(this).parent().prev().addClass("myNewClass");
});

btw: ids have to start with a letter not a number

Answer 3

Check out .prev()