javascript - jQuery traversing get variable value from cell -

javascript - jQuery traversing get variable value from cell -

i've got html table like:

<table id="realtime" class="table table-bordered table-hover"> <tr> <th>agent</th> <th>number</th> </tr> <tbody><tr class="rowid"> <td class="name">joe</td> <td class="extension">agent/1701</td> <td><button onclick="mycall()" class="btn btn-default btn-sm">record</button> </td></tr> <tr class="rowid"> <td class="name">jane</td><td class="extension">sip/1702</td> <td><button onclick="mycall()" class="btn btn-default btn-sm">record</button></td> </tr></tbody></table>

and javascript:

function mycall() { var table = $('#realtime').datatable(); var extension = $('*').closest('td.extension').text(); alert(extension); }

which displays extensions like: agent/1701 agent/1702

i want able individual values assigned extension variable so, when onclick fires, can send extension variable post function. agent in row only. tried several different ways, like:

var extension = $(this).closest('tr.rowid').find('td.name').text();

but, can't work.

any suggestions?

try

html

<button onclick="mycall(this)"

js

function mycall(elm) { var extension = $(elm).closest("tr").find('td.extension').text(); alert(extension); }

or

$("button").click(function(){ var extension = $(this).closest("tr").find('td.extension').text(); alert(extension); }); demo

javascript jquery traversal