clicking on last table column

Question

User-952877843 posted

how can i click on last table column to show alert by using jquery

Answer 1

User-369506445 posted

hi

please try below code

DEMO

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script>
    $(function () { 
        $('td:last-child').click(function (event) {
            alert('click');
        });
    })
</script>

<table id="myTable">
    <tr>
        <th>Col1</th>
        <th>Col2</th>
        <th>Col3</th>
    </tr>

    <tr>
        <td>val 1</td>
        <td>val 2</td>
        <td>val 3</td>
    </tr>
    <tr>
        <td>val 1</td>
        <td>val 2</td>
        <td>val 3</td>
    </tr>
</table>

Answer 2

User-952877843 posted

not working on my side i have a datatable

Answer 3

User-369506445 posted

I put a Demo in the last post, it work, please see it.

also, put your code here

Answer 4

User-369506445 posted

I created a sample <g class="gr_ gr_4 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del" id="4" data-gr-id="4">wit h</g> <g class="gr_ gr_7 gr-alert gr_gramm gr_inline_cards gr_run_anim Style multiReplace" id="7" data-gr-id="7"><g class="gr_ gr_6 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="6" data-gr-id="6">datatable</g> ,</g> please try

DEMO

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
<script>

    $(document).ready(function () {
        $('#example').DataTable();
        $("#example tbody").on("click", "td:last-child", function () {
            alert("ok")
        });

    });

    

</script>

<table id="example" class="table table-striped table-bordered" 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>
    </tbody>

</table>

Answer 5

User-952877843 posted

if i want by clicking on last td show me the value on each row how can i do it?

Answer 6

User-369506445 posted

hi

you can try below

<script>

    $(document).ready(function () {
        $('#example').DataTable();
        $("#example tbody").on("click", "td:last-child", function () {
            alert($(this).text())
        });

    }); 
</script>

Answer 7

User-952877843 posted

if i want to get the value of first column also with the value of last column how can i do it?