jQuery selector: this.parent, is there such a thing?

Question

I have a lot of div boxes with nested div .titles, with a button inside. Is there a way in jQuery to select the parent of the button?

Something like:

$("#button").click(function(){       
       $("this.parent").css({'border-bottom' : 'none'});
       }); 

Or am I going to have to rename all of my title classes to unique classes?

Answer 1

Try this :

$("#button").click(function(){       
       $(this).parent().css({'border-bottom' : 'none'});
       });

or $(this).parent("div").css({'border-bottom' : 'none'});

Answer 2

Give this a whirl (inside an event handler for that button):

$(this).parent().css({'border-bottom' : 'none'});

Answer 3

jQuery.parent()

$(function(){
  $("div.title a").click(function(){
    $(this).parent().css("background-color", "red");
    return false;
  });
});