Сами записи выводятся из mysql. Получается код типа:
<tr><td>Запись 1</td><td><button id="delete" value="1">удалить</button></td></tr>
<tr><td>Запись 2</td><td><button id="delete" value="2">удалить</button></td></tr>
<tr><td>Запись 3</td><td><button id="delete" value="3">удалить</button></td></tr>
нужно реализовать удаление. прилагаю код скрипта:
$(document).ready (function() {
$("#delete").bind("click", function() {
$.ajax ({
url: "/user/delete",
type: "POST",
data: ({name: $("#delete").val()}),
dataType: "html",
beforeSend: function (){
$('#delete_spinner').html('<i class="fa fa-spinner fa-spin"></i>');
},
success:function(data){
alert(data)
document.getElementById('delete_spinner' ).style.display = 'none';
document.getElementById('update' ).click();
}
});
});
});
Проблема в том, что он считывает по нажатию на id="delete", а так как их много, берёт первый, соот-но удаление первой записи работает. Как сделать, чтобы удаляло любую запись?
$(this).val()
потому что брать надо. Но как уже в ответах написано, для идентификации кнопки лучше сделатьclass="delete" id="1"
, иначе идентификатор не валидный.{ name: $(this).val() }
document.getElementById('delete_spinner' ).style.display = 'none';
можно записать как$("#delete_spinner").toggle(false)
или.hide()
?