Удалите таблицу строки с помощью jQuery

Question

Удалите таблицу строки с помощью jQuery

Предположим, что у меня есть таблица как это

id  name    address     action
--------------------------------------
s1  n1  a1      delete
s2  n2  a2      delete

Удалите ссылка, например, <a href="http://localhost/student/delete/1">. В реальном случае я удаляю студента, использующего ajax. Для упрощения кода я просто предупреждаю ссылку и опускаю ajax сценарий. Я просто хочу знать, Как удалить строку из документа HTML с помощью jQuery.

$(document).ready(function() {
$("a").click(function(event) {
    alert("As you can see, the link no longer took you to jquery.com");
        var href = $(this).attr('href');
        alert(href);
        event.preventDefault();
   });
);

Я хочу, После того, как я буду предупреждать ссылку, что выбранная строка будет, удаляют автоматически. Есть ли какое-либо предложение, как реализовать этого?

5

jquery

задан bcm 17 March 2011 в 09:36

2 ответа

Добавьте идентификатор к каждому вызываемому row_9714 и добавьте идентификатор 9714 к соединению. Затем в вашем вызове обработчика события щелчка:

var thisId = $(this).attr('id');
$("#row_" + thisId).remove();

Примечание -- 9714 это просто фиктивный идентификатор. Просто используйте здесь уникальный номер для каждой строки.

1

ответ дан 18 December 2019 в 09:07

Другие вопросы по тегам:

jquery

Похожие вопросы:

score 17 · Accepted Answer

Вам не нужно вызывать функцию preventDefault(). Просто возврат false из обработчика события имеет тот же эффект.

Для удаления строки, в которой находится ссылка , можно вызвать $(this).clos("tr").remove():

$(document).ready(function() {
$("a").click(function(event) {
    alert("As you can see, the link no longer took you to jquery.com");
    var href = $(this).attr('href');
    alert(href);
    $(this).closest("tr").remove(); // remove row
    return false; // prevents default behavior
   });
);