jQuery find first cell of generated table width datatables

Question

i writing simple contexMenu for datatable.i'm using datatables class for create list of data. i want to find first cell of table on right click on each that. HTML: jquery:

    $("#showTopics tbody").bind("contextmenu",function(event) {
        var aata = $(this).children('tr').children('td').eq(0).text();
        alert(aata);
    return false;
});

HTML

<table id='showTopics' style='line-height:18px;'>
    <thead>
        <tr>
            <th style='width:30%;text-align:right;'>X"</th>
            <th style='width:7%;'>a</th>
            <th style='width:12%;'>b</th>
            <th style='width:11%;'>c</th>
            <th style='width:9%;'>d</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

generated tbody with datatables:

below result after generated with datatables and putting between of tbody.

row_selected seting with jquery after using contex menu and clicking on tr.

how can i find that? for example after clicking on first row i must be have 7 and after clicking on second of tr 8.

sorry for my english

<tr class="odd row_selected">
  <td class=" sorting_1">7</td>
  <td class="">0000-00-00</td>
  <td class="">0</td>
  <td class="">a</td>
  <td class="">aa</td>
</tr>
<tr class="even">
  <td class=" sorting_1">8</td>
  <td class="">0000-00-00</td>
  <td class="">0</td>
  <td class="">b</td>
  <td class="">bb</td>
</tr>

Do you want to show a <td>-cell's context, when you click with right mouse button on it? — Stano
– Stano, Commented May 16, 2013 at 8:52

U.P · Accepted Answer · 2013-05-16 13:54:44Z

0

You should change your code to the following. Instead of binding context menu on tbody, bind it to each tr

$("#showTopics tbody tr").bind("contextmenu", function (event) {
    var aata = $(this).find("td:eq(0)").text();
    alert(aata);
    return false;
});

answered May 16, 2013 at 13:54

U.P

7,4527 gold badges43 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:29:22Z

0

Update: the problem can be solved by attaching the handler with 'on' method as shown in this SO answer or in this example.

$(document).ready(function () {
    $('#showTopics').dataTable();
    $('#showTopics tbody').on('contextmenu', 'tr', function() {
        var firstcell = $(this).children('td:first');
        alert(firstcell.text());
        return false;
    });
});

fiddle

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered May 16, 2013 at 9:12

Stano

8,9796 gold badges33 silver badges46 bronze badges

1 Comment

user2388554 Over a year ago

tbody is generated with datatables and your code does not work for me.

Collectives™ on Stack Overflow

jQuery find first cell of generated table width datatables

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related