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

Question

Я использую jQuery.DataTables plugin. Я использую его, чтобы изменить класс строк таблицы, которые были нажаты, чтобы они выглядели «selected». Затем я хочу, чтобы уметь подавлять или отправлять данные в этих строках обратно в приложение MVC. Я попытался добавить строки в массив, как они были нажаты, но я не мог заставить функцию inArray работать, возможно, было бы проще просто отправить строки class='selected' при нажатии кнопки?

$('#classes tbody').on('click', 'tr', function() { 
    $(this).toggleClass('selected'); 
}); 

$('#WatchButton').click(function() { 
    //Not sure how to send the 'selected' rows   
}); 

Пример таблицы:

<table id="classes" class="display" cellspacing="0" width="100%"> 
<thead> 
    <tr> 
      <th>OpenClosed</th> 
      <th>Section</th> 
      <th>CRN</th> 
      <th>Credit Hours</th> 
      <th>Part/Term</th> 
      <th>Capacity</th> 
      <th>Enrolled</th> 
      <th>Seats Available</th> 
      <th>Waitlist Capacity</th> 
      <th>Waitlist Count</th> 
      <th>Waitlist Availability</th> 
      <th>Campus</th> 
      <th>Method</th> 
      <th>Location</th> 
      <th>Time</th> 
      <th>Start Date</th> 
      <th>End Date</th> 
      <th>Instructor</th> 
      <th>Days</th> 
    </tr> 
</thead> 
<tbody> 
     <tr> 
       <td><IMG SRC='https://owlexpress.kennesaw.edu/stugifs/open.gif'></td> 
       <td>MATH 0989/01 - Foundations of College Algebra</td> 
       <td>80637</td> 
       <td>  3.000</td> 
       <td>Full Term</td> 
       <td>15</td> 
       <td>5</td> 
       <td>10</td> 
       <td>0</td> 
       <td>0</td> 
       <td>0</td> 
       <td>Kennesaw Campus</td> 
       <td>Classroom - 100%</td> 
       <td>LibraryRoom 461</td> 
       <td>12:30 pm - 1:45 pmLecture</td> 
       <td>Aug 17, 2015</td> 
       <td>Dec 14, 2015</td> 
       <td>Bhupinder Naidu (P)</td> 
       <td></td> 
     </tr> 
     <tr> 
       <td><IMG SRC='https://owlexpress.kennesaw.edu/stugifs/open.gif'></td> 
       <td>MATH 0989/02 - Foundations of College Algebra</td> 
       <td>80639</td> 
       <td>  3.000</td> 
       <td>Full Term</td> 
       <td>15</td> 
       <td>0</td> 
       <td>15</td> 
       <td>0</td> 
       <td>0</td> 
       <td>0</td> 
       <td>Kennesaw Campus</td> 
       <td>Classroom - 100%</td> 
       <td>LibraryRoom 430</td> 
       <td>6:30 pm - 7:45 pmLecture</td> 
       <td>Aug 17, 2015</td> 
       <td>Dec 14, 2015</td> 
       <td>Bonnie W Sellers (P)</td> 
       <td></td> 
     </tr> 
     <tr> 
       <td><IMG SRC='https://owlexpress.kennesaw.edu/stugifs/open.gif'></td> 
       <td>MATH 0989/03 - Foundations of College Algebra</td> 
       <td>85687</td> 
       <td>  3.000</td> 
       <td>Full Term</td> 
       <td>15</td> 
       <td>3</td> 
       <td>12</td> 
       <td>0</td> 
       <td>0</td> 
       <td>0</td> 
       <td>Kennesaw Campus</td> 
       <td>Classroom - 100%</td> 
       <td>LibraryRoom 462</td> 
       <td>9:30 am - 10:45 amLecture</td> 
       <td>Aug 17, 2015</td> 
       <td>Dec 14, 2015</td> 
       <td>Bhupinder Naidu (P)</td> 
       <td></td> 
     </tr> 
</tbody> 
</table> 

Answer 1

Я думаю, вы спрашиваете, как получить массив выбранных строк, это правильно? :

$('#WatchButton').click(function() { 
    var selectedrows = $('tr.selected'); 
});