Question

我有一个html表。

| 0x00 | 0x00 | 0x00 | 0x03 | <Not allocated> | <Not allocated>

我可以像{/ p>一样添加<table id="tbl_1"> <tr> <td>ABCD</td> <td>ABCD</td> </tr> <tr> <td>ABCD</td> <td>ABCD</td> </tr> </table>类

selectable

当我选择多个表格单元格时，我想将$(document).ready(function () { jQuery('#tbl_1').selectable({ filter: "td" }); });类添加到该表中。我不知道我能做到这一点的事件。任何帮助，将不胜感激。谢谢。

Answer 1

您可以使用以下代码将seletable类添加到表中。

$(document).ready(function () {      
     jQuery('#tbl_1').addClass('selectable');        
});
//it add class when page load

Answer 2

$("#tbl_1").selectable({
    filter: "td",
    selecting: function (event, ui) {
        $(ui.selecting).addClass('classA');
    },
    unselecting: function (event, ui) {
        $(ui.unselecting).removeClass('classA');
    },
    selected: function (event, ui) {
        $(ui.selected).addClass('classB');
    },
    unselected: function (event, ui) {
        $(ui.unselected).removeClass('classB');
    }
});

以下是您可以使用适合您的组合的功能

FIDDLE DEMO

在表格单元格选择上添加可选类别

2 个答案: