Có một bộ chọn/phương thức jQuery để tìm một cấp độ phần tử cha cụ thể n không?

Question

Hãy xem xét HTML sau. Nếu tôi có một tham chiếu JSON để các yếu tố < nút >, làm thế nào tôi có thể nhận được một tham chiếu đến ngoài <tr> phần tử trong cả hai trường hợp

<table id="my-table"> 
    <tr> 
     <td> 
      <button>Foo</button> 
     </td> 
     <td> 
      <div> 
       <button>Bar</button> 
      </div> 
     </td> 
    </tr> 
</table> 

<script type="text/js"> 
    $('#table button').click(function(){ 
     //$(this).parent().parent() will work for the first row 
     //$(this).parent().parent().parent() will work for the second row 
     //is there a selector or some magic json one liner that will climb 
     //the DOM tree until it hits a TR, or do I have to code this myself 
     //each time?    
     //$(this).???? 
    }); 
</script> 

Tôi biết tôi có thể trường hợp đặc biệt mỗi điều kiện, nhưng tôi hơn quan tâm "tuy nhiên sâu bạn xảy ra được, leo lên cây cho đến khi bạn tìm thấy phần tử X" phong cách giải pháp. Một cái gì đó như thế này, nhưng nhiều jQuery như/ít verbose

var climb = function(node, str_rule){ 
    if($(node).is(str_rule)){ 
     return node; 
    } 
    else if($(node).is('body')){ 
     return false; 
    } 
    else{ 
     return climb(node.parentNode, str_rule); 
    } 
}; 

tôi biết về phương pháp cha mẹ (expr), nhưng từ những gì tôi đã nhìn thấy là cho phép bạn lọc các bậc cha mẹ một cấp lên và KHÔNG leo lên cây cho đến khi bạn tìm expr (tôi rất muốn mã ví dụ chứng minh tôi sai)

Answer 1

chức năng parents làm những gì bạn muốn:

$(this).parents("tr:first"); 

Answer 2

Ngoài ra, nếu bạn đang sử dụng jQuery 1.3+ bạn có thể sử dụng phương pháp closest

$(this).closest("tr"); 

Answer 3

không jQuery nhưng tùy chọn này làm việc tốt hơn nhiều

node.contains (otherNode)

Các Node.contains() phương thức trả về một giá trị logic Boolean cho biết một nút là một hậu duệ của một nút cho trước hay không

https://developer.mozilla.org/en/docs/Web/API/Node/contains