Jquery選擇器來生成複選框被勾選的總數

Question

我試圖創建一個動態的總生成器，當相對複選框被選中時，它會爲總數增加一個值，但我正在努力應對選擇器邏輯。任何人都可以指出我錯在哪裏，我是JQuery的初學者。以下是我有

function calculateSelected(){ 
    var sum = 0; 
    $('tr input:checked .price').each(function() { 
      sum += parseFloat($(this).text()); 
     }); 
    $('#total').html(sum) 
} 

這是表

<table> 
<tr> 
<td><input type="checkbox" value='1' /><td> 
<td class='price'>100</td> 
</tr> 
<tr> 
<td><input type="checkbox" value='1' /><td> 
<td class='price'>100</td> 
</tr> 
<tr> 
<td><input type="checkbox" value='1' /><td> 
<td class='price'>100</td> 
</tr> 
<tr> 
<td><input type="checkbox" value='1' /><td> 
<td class='price'>100</td> 
</tr> 
<tr> 
<td>Total<td> 
<td id='total'></td> 
</tr> 
</table> 

Answer 1

這是什麼確切地選擇的簡化版本？

$('tr input:checked .price') 

您的輸入是否有孩子？如果你想選擇具有類價格在未來TD，你可以這樣做：

$('tr input:checked').parent().next('td.price') 

Answer 2

就像馬克的回答，你可以使用Siblings method了。

$('tr input:checked').parent().siblings('td.price')