Sunday, 25 February 2018

Get Table columns each loop with rowIndex using jquery

<table>
                        <tbody>
                            <tr>
                                <td>
                                    first row
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    second row
                                </td>
                                <td>
                                    second row
                                </td>
                                <td>
                                    second row
                                </td>
                                <td>
                                    second row
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    third row
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    fourth row
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    fifth row
                                </td>
                            </tr>
                        </tbody>
                    </table>





/////////////////////////

   <script>
                        function GetData () {
                            $('table tr').click(function () {
                                alert(this.rowIndex);
                                $('table tr').eq(this.rowIndex).find('td').each(function () {
                                    alert($(this).html());
                                });
                            });
                        }
                    </script>



No comments:

Post a Comment

How to highlight selected text in notepad++

  –> To highlight a block of code in Notepad++, please do the following steps step-1  :- Select the required text. step-2  :- Right click...