مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

iran

عضویت از 1394/01/31

جستجو در Datatablejquery

  • چهارشنبه 3 بهمن 1397
  • 17:10
تشکر میکنم

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

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • جمعه 5 بهمن 1397
  • 17:12

به شکل زیر عمل کنید:

 <script>
        $('div').click(function () {
            debugger;
            $("#example tbody tr").map(function (index, element) {
                if (element.children[0].innerHTML == "aaa") {
                    alert("the 'aaa' is there.")
                }
            })

        });
    </script>

کاربر سایت

iran

عضویت از 1394/01/31

  • یکشنبه 7 بهمن 1397
  • 14:17

سلام

مهندس  مشکل اینه که دارم از پلاگین datatablejquery استفاده میکنم

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

کد شما وقتی صفحه اول را جستجو میکند

کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • دوشنبه 8 بهمن 1397
  • 08:26

یک لیست Json از تمام نام ها دورن صفحه بارگذاری کنید یا این که به صورت ajax این کار رو انجام بدید.

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)