Как извлечь выбранный тр строку таблицы в этом случае

Question

я имею таблицу, как показано ниже

На нажатии кнопки, как fecth выбранного тра номер мобильного

<table class="table table-striped table-bordered table-hover table-full-width dataTable" id="sample_2" aria-describedby="sample_2_info"> 
    <tbody role="alert" aria-live="polite" aria-relevant="all"> 
     <tr class="vendorslist odd"> 
     <td class=" "><label class="radio"><input type="radio" onclick="UpdateButtonTest(this);" id="5300085118-90304910251387" name="optionsRadios1" value="option1"></label></td> 
     <td class=" sorting_1"> VENDOR</td> 
     <td class=" ">5300085118</td> 
     <td class=" ">544444444</td> 
     <td class=" ">Restaurant</td> 
     <td class=" ">Restaurants</td> 
     <td class=" ">wer@gmail.com</td> 
     <td class=" "><span id="span-5300085118-90304910251387" class="label label-success">Active</span></td> 
     </tr> 
     <tr class="vendorslist odd"> 
     <td class=" "><label class="radio"><input type="radio" onclick="UpdateButtonTest(this);" id="5300085118-90304910251387" name="optionsRadios1" value="option1"></label></td> 
     <td class=" sorting_1"> VENDOR</td> 
     <td class=" ">5300085118</td> 
     <td class=" ">900000000</td> 
     <td class=" ">Restaurant</td> 
     <td class=" ">Restaurants</td> 
     <td class=" ">serr@gmail.com</td> 
     <td class=" "><span id="span-5300085118-90304910251387" class="label label-success">Active</span></td> 
     </tr> 
    </tbody> 
</table> 
<button id="btnSave">Save Click</button> 

Это моя скрипка

https://jsfiddle.net/atg5m6ym/4123/

Не могли бы вы, пожалуйста, дайте мне знать, как fecth мобильный номер выбранной таблицы тр

Средства для первого мне нужно значение 544444444 и в случае второй мне нужно 900000000

Answer 1

было бы легче с классом на мобильном td, но вы можете сделать: -

$(document).on('click', '#btnSave', function() { 
 
    var mobile = $('table :checked').closest('tr').find('td:eq(3)').text(); 
 
    alert(mobile); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="table table-striped table-bordered table-hover table-full-width dataTable" id="sample_2" aria-describedby="sample_2_info"> 
 
    <tbody role="alert" aria-live="polite" aria-relevant="all"> 
 
    <tr class="vendorslist odd"> 
 
     <td class=" "> 
 
     <label class="radio"> 
 
      <input type="radio" onclick="UpdateButtonTest(this);" id="5300085118-90304910251387" name="optionsRadios1" value="option1"> 
 
     </label> 
 
     </td> 
 
     <td class=" sorting_1">VENDOR</td> 
 
     <td class=" ">12222</td> 
 
     <td class=" ">544444444</td> 
 
     <td class=" ">Restaurant</td> 
 
     <td class=" ">Restaurants</td> 
 
     <td class=" ">wer@gmail.com</td> 
 
     <td class=" "><span id="span-5300085118-90304910251387" class="label label-success">Active</span> 
 
     </td> 
 
    </tr> 
 
    <tr class="vendorslist odd"> 
 
     <td class=" "> 
 
     <label class="radio"> 
 
      <input type="radio" onclick="UpdateButtonTest(this);" id="5300085118-90304910251387" name="optionsRadios1" value="option1"> 
 
     </label> 
 
     </td> 
 
     <td class=" sorting_1">VENDOR</td> 
 
     <td class=" ">12233</td> 
 
     <td class=" ">900000000</td> 
 
     <td class=" ">Restaurant</td> 
 
     <td class=" ">Restaurants</td> 
 
     <td class=" ">serr@gmail.com</td> 
 
     <td class=" "><span id="span-5300085118-90304910251387" class="label label-success">Active</span> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
<button id="btnSave">Save Click</button>

Answer 2

jQuery parents() Через

$(document).on('click', '#btnSave', function() { 

    alert($('.vendorslist input:checked').parents("tr").find('td').eq(3).text()); 

});