Что лучший способ состоит в том, чтобы удалить строку таблицы с jQuery?

function removeRow(row) {
    $(row).remove();
}

<tr onmousedown="removeRow(this)"><td>Foo</td></tr>

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

$('tr').click(function()
 {
  $(this).remove();
 });

я думаю, что Вы попробуете вышеупомянутый код, поскольку он работает, но я не знаю, почему он работает на когда-то, и затем целая таблица удалена. я также пытаюсь удалить строку щелчком строка. но не мог найти точный ответ.

$('#myTable tr').click(function(){
    $(this).remove();
    return false;
});

Следующее приемлемое:

$('#myTableRow').remove();

Принятие Вас имеет кнопку/ссылку в ячейке данных в Вашей таблице, что-то вроде этого добилось бы цели...

$(".delete").live('click', function(event) {
    $(this).parent().parent().remove();
});

Это удалит родителя родителя кнопки, которая нажата. Необходимо использовать родителя (), потому что это - объект jQuery, не нормальный Объект DOM, и необходимо использовать родителя () дважды, потому что кнопка живет в ячейке данных, которая живет в строке...., которая является тем, что Вы хотите удалить. $ (это) - нажатая кнопка, так просто наличие, что-то вроде этого удалит только кнопку:

$(this).remove();

В то время как это удалит ячейку данных:

    $(this).parent().remove();

Если бы Вы хотите просто нажать где-нибудь на строку для удаления его, что-то вроде этого работало бы. Вы могли легко изменить это для запроса пользователя или работы только над двойным щелчком:

$(".delete").live('click', function(event) {
    $(this).parent().remove();
});

Надежда, которая помогает... Я боролся на этом немного сам.

Самый легкий метод для удаления строк из таблицы:

1. Удаляют строку таблицы с помощью ее уникального идентификатора.
2. Удаляют на основе порядка/индекса той строки. Исключая: удалите третью или пятую строку.

, Например:

 <table id='myTable' border='1'>
    <tr id='tr1'><td>Row1</td></tr>
    <tr id='tr2'><td>Row2</td></tr>
    <tr id='tr3'><td>Row3</td></tr>
    <tr id='tr4'><td>Row4</td></tr>
    <tr id='tr5'><td>Row5</td></tr>
  </table>

//======REMOVE TABLE ROW=========
//1. remove spesific row using its ID
$('#tr1').remove();

//2. remove spesific row using its order or index.
//row index started from 0-n. Row1 index is 0, Row2 index is 1 and so on.
$('#myTable').find('tr:eq(2)').remove();//removing Row3

Все, что вам нужно сделать, это удалить тег строки таблицы ( ) из вашей таблицы ,

Вы можете использовать:

$($(this).closest("tr"))

для поиска строки родительской таблицы элемента.

Это более элегантно, чем parent (). Parent (), чем я начал заниматься и вскоре узнал об ошибке своего пути.

- Править - Кто-то указал, что вопрос касался удаления строки ...

$($(this).closest("tr")).remove()

Как указано ниже, вы можете просто сделать:

$(this).closest('tr').remove();

Подобный фрагмент кода можно использовать для многих операций, таких как запуск событий для нескольких элементов.

Легко .. попробуй это

$("table td img.delete").click(function () {
    $(this).parent().parent().parent().fadeTo(400, 0, function () { 
        $(this).remove();
    });
    return false;
});