在jQuery中获取祖父

Question

我有以下HTML：

<div class="outter">
....
  <div class="container" rel="identification" >
    <h4> <a href="#" href="www.test.com"> </h4>
  </div>
....
</div>

我有一些类似的jquery代码：

$('.outter').delegate('.container a','click', function()
{
  //If $(this) is the a element, how can I get the rel attribute of the granfather div?
}

如果有可能不依赖于h4父级，例如，以防h3的某一天更改，例如。

Answer 1

$(this).closest('div.container').attr('rel');

Answer 2

您可以使用parent（）方法将父项与选择器

进行匹配

http://api.jquery.com/parents/

或者如果您使用1.4，则会有一个新的parentsUntil（）方法

http://api.jquery.com/parentsUntil/

Answer 3

如果是这样的话：

<div class="container" rel="identification" >
   <h4> 
     <a href="#">click</a> 
   </h4>
</div>

然后： http://jsfiddle.net/PUmWB/

$('a').click(function(){
   alert($('div.container').attr('rel'));
});