jQuery。獲取標記+類名

Question

我有一個HTML

<table> 
    <tbody> 
     <tr> 
      <td> 
       <input name="price" class="chrome-input" /> 
      </td> 
      <td> 
       <button name="sellButton" class="chrome-button"> 
       </button> 
       <button name="priceButton" class="chrome-button"> 
       </button> 
      </td> 
     </tr> 
    </tbody> 
</table> 

我怎樣才能tr包含與chrome-button類內部控制。 像這樣

alert($("tr+.chrome-button").html()); 

Answer 1

$(".chrome-button").closest('tr') 

Answer 2

試試這個：

$("tr").children('td').each(function(){ 
    $(this).children('.chrome-button').each(function(){ 
     alert($(this).html()); 
    }); 
}); 

Answer 3

試試這個：

alert($("tr:has(.chrome-button)").html()); 

工作例如：http://jsfiddle.net/NAdr4/

Answer 4

可以使用.parents()方法有過濾器：http://api.jquery.com/parents/

alert($('.chrome-button').parents('tr').html()) 

例子：http://jsfiddle.net/tEWGW/