jquery - jQuery 中“表”的“div”限制

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中用“table”限制我的“div”，但是“slctble”和“td”之间的这个“空格”在jQuery中不起作用。

你能给点建议吗？

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

---

Answer 1

您必须将“可选择”绑定到容器 - #sample 在您的情况下。

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