「div」jQuery中「表格」的限制

Question

我有一個關於「在jQuery中表格的div限制」的問題。

我有一個表：

<div id="slctble"> 
    <table border="1" cellspacing="2" id="sample"> 
    <tr class="toprow"> 
     <td> </td> 
     <td>John</td> 
     <td>Jane</td> 
     <td>Total</td> 
    </tr> 
    <tr> 
     <td class="leftcol">January</td> 
     <td class="data">123</td> 
     <td class="data">234</td> 
     <td class="data">357</td> 
    </tr> 
    <tr> 
     <td class="leftcol">February</td> 
     <td class="data">135</td> 
     <td class="data">246</td> 
     <td class="data">381</td> 
    </tr> 
    <tr> 
     <td class="leftcol">March</td> 
     <td class="data">257</td> 
     <td class="data">368</td> 
     <td class="data">625</td> 
    </tr> 
    <tr> 
     <td class="leftcol">Total</td> 
     <td class="data">515</td> 
     <td class="data">848</td> 
     <td class="data">1363</td> 
    </tr> 
    </table> 
</div> 

我有一個jQuery代碼：

<script type='text/javascript'> 
$(window).load(function(){ 
$("#slctble td.leftcol").selectable({ 
    filter:'td', 
    stop: function() {   
     $(".ui-selected input", this).each(function() { 
      this.checked= !this.checked 

      }); 
    } 
}); 
}); 

</script> 

我想限制我的「格」與「表」 jQuery的，但這「空間」之間「slctble」和「td」不在jQuery中工作。

你能給一些建議嗎？

一個例子是：http://www.simroll.de/newhtml.html

---

Answer 1

您必須綁定 「可選擇」 的容器 - 你的情況#sample。

$("#sample").selectable({ 
filter:'tr' 
});