نمایش نتایج 1 تا 4 از 4

نام تاپیک: جستجو در Datatablejquery

  1. #1

    جستجو در Datatablejquery

    سلام
    من کد زیر را نوشته ام
    چگونه می توانم وقتی روی 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>

  2. #2
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: جستجو در Datatablejquery

    یه کلاس بده به ستون نام ها که بتونی توشون سرچ کنی

  3. #3

    نقل قول: جستجو در Datatablejquery

    سلام
    مشکل اینه که دارم از پلاگین datatablejquery استفاده میکنم
    وقتی چندین صفحه باشه فقط صفحه اول را جستجو میکند برای اینکه در کلیه صفحه جستجو کنم باید چکارکنم

  4. #4
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: جستجو در Datatablejquery

    با این کدباید بتونی متن td های اول هر tr رو بدست بیاری


    $('tbody').find('tr').each(function(){
    console.log( $(this).find('td:first').text());
    });


تاپیک های مشابه

  1. پاسخ: 5
    آخرین پست: چهارشنبه 22 شهریور 1402, 14:26 عصر
  2. سوال: عدم نمایش DataTableJquery
    نوشته شده توسط Iran58 در بخش ASP.NET MVC
    پاسخ: 0
    آخرین پست: دوشنبه 18 اردیبهشت 1396, 09:51 صبح
  3. استخدام برنامه نویس در استان همدان شهرستان تویسرکان
    نوشته شده توسط alvandyhamed در بخش آگهی های استخدام
    پاسخ: 0
    آخرین پست: جمعه 07 مرداد 1390, 17:26 عصر

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •