سلام
من کد زیر را نوشته ام
چگونه می توانم وقتی روی div کلیک کردم در ستون اول (Name)اگر نامی برابر با aaa بود یک پیام نمایش بدهد
<!DOCTYPE html> <html dir="rtl"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="jquery.dataTables.min.css"> </head> <body> <table id="example" class="display" style="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>Tiger Nixon</td> <td>System Architect</td> <td>Edinburgh</td> <td>61</td> <td>2011/04/25</td> <td>$320,800</td> </tr> <tr> <td>Garrett Winters</td> <td>Accountant</td> <td>Tokyo</td> <td>63</td> <td>2011/07/25</td> <td>$170,750</td> </tr> <tr> <td>Ashton Cox</td> <td>Junior Technical Author</td> <td>San Frabarnamenevisco</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 Frabarnamenevisco</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 Frabarnamenevisco</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> <tr> <td>Quinn Flynn</td> <td>Support Lead</td> <td>Edinburgh</td> <td>22</td> <td>2013/03/03</td> <td>$342,000</td> </tr> <tr> <td>Charde Marshall</td> <td>Regional Director</td> <td>San Frabarnamenevisco</td> <td>36</td> <td>2008/10/16</td> <td>$470,600</td> </tr> <tr> <td>Haley Kennedy</td> <td>Senior Marketing Designer</td> <td>London</td> <td>43</td> <td>2012/12/18</td> <td>$313,500</td> </tr> </tbody> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </tfoot> </table> <div style="background-color: aquamarine ;width: 100px;">a</div> <script src="jquery-3.1.1.min.js"></script> <script src="jquery.dataTables.min.js"></script> <script> $(document).ready(function() { $('#example').DataTable({ "pagingType": "full_numbers" }); }); </script> <script> $('div').click(function() { }); </script> </body> </html>
به شکل زیر عمل کنید:
<script> $('div').click(function () { debugger; $("#example tbody tr").map(function (index, element) { if (element.children[0].innerHTML == "aaa") { alert("the 'aaa' is there.") } }) }); </script>
سلام
مهندس مشکل اینه که دارم از پلاگین datatablejquery استفاده میکنم
وقتی چندین صفحه باشه فقط صفحه اول را جستجو میکند برای اینکه در کلیه صفحات جستجو کنم باید چکارکنم
کد شما وقتی صفحه اول را جستجو میکند
یک لیست Json از تمام نام ها دورن صفحه بارگذاری کنید یا این که به صورت ajax این کار رو انجام بدید.
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)