「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で「div」を「テーブル」で制限したいのですが、「slctble」と「td」の間のこの「スペース」はjQueryでは機能しません。
アドバイスをいただけますか?
例: http://www.simroll.de/newhtml.html