Добавить выбранный класс на выбор ячейки таблицы

Question

У меня есть одна таблица html.

<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" 
    }); 
}); 

Я хочу добавить selectable класс в эту таблицу, когда я выбрать более одной ячейки таблицы. Я не знаю, на каком событии я могу это сделать. Любая помощь будет оценена по достоинству. Благодарю.

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