jquery选择器如何获取父元素的内容

Question

$("input[name='add'].my").click(function(){
    //i tried use this <input type="button" name="add" value=..../> 
    //element to find his parent's parent the `<div>` object
    //how can i get it  

});


<div>
  <tr>
    <td><%= post.title %></td>
    <td><%= post.content %></td> 
    <td><%= link_to 'Show', post %></td>
    <td><%= link_to 'Edit', edit_post_path(post),:remote=>true %></td>
    <td><%= link_to 'Destroy', post, :confirm => 'Are you sure?',:remote=>true, :method => :delete %></td>
    <td><input type="button" name="add" value="add" class="my"/></td>
    <td></td>
  </tr>
</div>
<div>
  <tr>
    <td><%= post.title %></td>
    <td><%= post.content %></td> 
    <td><%= link_to 'Show', post %></td>
    <td><%= link_to 'Edit', edit_post_path(post),:remote=>true %></td>
    <td><%= link_to 'Destroy', post, :confirm => 'Are you sure?',:remote=>true, :method => :delete %></td>
    <td><input type="button" name="add" value="add" class="my"/></td>
    <td></td>
  </tr>
</div>

Answer 1

这将为您提供最接近的父级 div:

$("input[name='add'].my").click(function(){
  var parentDiv = jQuery(this).closest("div");
});