[英]How to add class row in datatable with button in this row?
I'm using datatable jquery and I'v defined button in rows. 我正在使用数据表jQuery,并且在行中定义了按钮。 I want to click button in any row. 我想单击任何行中的按钮。 The row with button click will add class selected
. 单击按钮的行将添加selected
类。 If I choose another row , the row after will remove class selected
, the new row click will add class selected
. 如果我选择另一行,则后一行将删除selected
的类,单击新行将添加selected
类。
var table = $('#id_table').DataTable({ ////...... }); $('#id_table tbody').on('click', 'button', function (e) { table.row($(this)).hasClass('selected'); });
I get error as Uncaught TypeError: table.row(...).hasClass is not a function
我收到Uncaught TypeError: table.row(...).hasClass is not a function
错误Uncaught TypeError: table.row(...).hasClass is not a function
I think you can use the following instead of using table.row($(this)).hasClass('selected');
我认为您可以使用以下内容代替使用table.row($(this)).hasClass('selected');
here this
is the button element. this
是按钮元素。
$('#id_table tbody').on('click', 'button', function (e) {
table.$('tr.selected').removeClass('selected');
$(this).closest('tr').addClass('selected');
});
$(document).ready(function() { var table = $('#id_table').DataTable(); $('#id_table tbody').on('click', 'tr', function() { table.$('tr.selected').removeClass('selected'); $(this).addClass('selected'); }); });
<link href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> <table id="id_table" class="display" cellspacing="0" width="100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tbody> <tr> <td>Ashton Cox</td> <td>Junior Technical Author</td> <td>San Francisco</td> <td>66</td> <td>2009/01/12</td> <td>$86,000</td> </tr> <tr> <td>Cedric Kelly</td> <td>Senior Javascript Developer</td> <td>Edinburgh</td> <td>22</td> <td>2012/03/29</td> <td>$433,060</td> </tr> <tr> <td>Airi Satou</td> <td>Accountant</td> <td>Tokyo</td> <td>33</td> <td>2008/11/28</td> <td>$162,700</td> </tr> <tr> <td>Brielle Williamson</td> <td>Integration Specialist</td> <td>New York</td> <td>61</td> <td>2012/12/02</td> <td>$372,000</td> </tr> <tr> <td>Herrod Chandler</td> <td>Sales Assistant</td> <td>San Francisco</td> <td>59</td> <td>2012/08/06</td> <td>$137,500</td> </tr> <tr> <td>Rhona Davidson</td> <td>Integration Specialist</td> <td>Tokyo</td> <td>55</td> <td>2010/10/14</td> <td>$327,900</td> </tr> <tr> <td>Colleen Hurst</td> <td>Javascript Developer</td> <td>San Francisco</td> <td>39</td> <td>2009/09/15</td> <td>$205,500</td> </tr> <tr> <td>Sonya Frost</td> <td>Software Engineer</td> <td>Edinburgh</td> <td>23</td> <td>2008/12/13</td> <td>$103,600</td> </tr> <tr> <td>Jena Gaines</td> <td>Office Manager</td> <td>London</td> <td>30</td> <td>2008/12/19</td> <td>$90,560</td> </tr> </tbody> </table>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.