Как удалить строку, щелкнув изображение в столбце в той же строке? ⇐ Html

[Anonymous]

Как удалить строку, щелкнув изображение в столбце в той же строке?
Это код для добавления строки:

Код: Выделить всё

function addrow() {
var table = document.getElementById("tablelist");
var row = table.insertRow(-1);
var cells = new Array();
for (var i = 0; i < 6; i++) {
cells[i] = row.insertCell(i);
cells[i].innerHTML = "New";
}
cells[6] = row.insertCell(6);
cells[6].innerHTML = '
[img]images/pencil-black.png[/img]

[img]images/lock-black.png[/img]

[img]images/bin-black.png[/img]
';
}

Это мой код jQuery, но он не работает:

Код: Выделить всё

$(document).ready(function() {
$(".userbox").on({
mouseenter : function() {
$(this).find('img').each(function() {
$(this)
.attr(
'src',
$(this).attr('src').replace('-black.png',
'-white.png'));
});
},
mouseleave : function() {
$(this).find('img').each(function() {
$(this)
.attr(
'src',
$(this).attr('src').replace('-white.png',
'-black.png'));
});
}
}, 'tr');

$("tr").on('tr', '.bin', function() {
$(this).slideUp();
});

});

Примечание. Я знаю, что .slideUp() не удаляет строку.

Подробнее здесь: https://stackoverflow.com/questions/173 ... e-same-row