Changing DIV color without giving an ID ?

Question

Hi all.

I have the following code :

<div id="wrapper">
  <div style="width:500px;background-color:yellow;"> // this is a parent div
    <div style="width:260px;">
      <a href="javascript:XXXXX">Click me to color only the FIRST yellow div</a>
    </div>
  </div>

  <div style="width:500px;background-color:yellow;"> // this is a parent div
    <div style="width:260px;">
      <a href="javascript:XXXXX">Click me to color only the SECOND yellow div</a>
    </div>
  </div>
</div>

Can I use jQuery to change the parent div's color without giving its ID or name?

Thanks

Answer 1

Try this:

$('a').click(function() {
    $(this).parent().parent().css('backgroundColor', 'yellow');
    return false;
});

Answer 2

$("a").click(function(e){
  e.preventDefault();
  $(this).parent().parent().css("color", "green");
});