Как с помощью jquery при клике получить id нажатой строки и отправить запрос на api подобное
<html>
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<table id="tbUser">
<tr><th>id</th><th>Location</th><th></th></tr>
<tr><td>2</td><td>Ghatkopar</td><td><button class="btnDelete">Delete</button></td></tr>
<tr><td>1</td><td>Powai</td><td><button class="btnDelete">Delete</button></td></tr>
<tr><td>4</td><td>Powai</td><td><button class="btnDelete">Delete</button></td></tr>
<tr><td>3</td><td>NewYork</td><td><button class="btnDelete">Delete</button></td></tr>
</table>
<script>
$(document).ready(function(){
$("#tbUser").on('click','.btnDelete',function(){
var id = $(this).closest('tr').find('th').eq(0).text();
console.log(id);
$(this).closest('tr').remove();
});
});
</script>
</body>
</html>Мне как сделать jquery при нажатии на кнопку отправился id той строки на которую нажал и этот id отправился на сервер id находится в таблице
Ответы (1 шт):
Автор решения: Igor
→ Ссылка
$("#tbUser").on('click','.btnDelete',function() {
var id = $(this).closest('tr').find('td').eq(0).text();
$(this).closest('tr').remove();
// отправить id
});
$("#tbUser").on('click', '.btnDelete', function() {
var id = $(this).closest('tr').find('td').eq(0).text();
console.log(id);
$(this).closest('tr').remove();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<table id="tbUser">
<tr>
<th>id</th>
<th>Location</th>
<th></th>
</tr>
<tr>
<td>2</td>
<td>Ghatkopar</td>
<td><button class="btnDelete">Delete</button></td>
</tr>
<tr>
<td>1</td>
<td>Powai</td>
<td><button class="btnDelete">Delete</button></td>
</tr>
<tr>
<td>4</td>
<td>Powai</td>
<td><button class="btnDelete">Delete</button></td>
</tr>
<tr>
<td>3</td>
<td>NewYork</td>
<td><button class="btnDelete">Delete</button></td>
</tr>
</table>