如何在具有複選框的行中選擇「td」元素？

Question

我有一個表，看起來有些事情是這樣的：

<table> 
    <tr class="row even"> 
    <td><input type="checkbox" /></td> 
    <td class="name">foo</td> 
    <td class="metric">22</td> 
    </tr> 

    ...etc 

我想要做的就是隻在有複選框選中行獲得所有td.metric的數組。

var ticks = $.map($("tr td input:checked td.metric"), function(v,i){ return ... }); 

Answer 1

使用:has選擇：

$('tr:has(input:checked) > .metric'); 

http://jsfiddle.net/RqjFX/