НЕ могу удалить строку из таблицы
Не могу удалить строку из таблицы. Ни hide() ни remove() не помогают.
Код удаления:
$('#tr'+comment_id+'').remove();//$('#tr'+comment_id+'').hide();
Суть в том, что удаляемая строка таблицы добавляется также из javascript в DOM с помощью ajax:
$('#pane-comments table').append("<tr height=20px id=tr"+data.comment_id+"><td width=290px><p class=minitext>"+data.add_date+
"</p></td><td width=200px><p>"+data.admin_fio+
"</p></td><td width=30px><a class='delete_comment' comment_id='"+data.comment_id+
"'><img src='images/delete.png'></a></td></tr><tr height=20px><td colspan=3 width=320px><p>"+
data.comment+"</p></td></tr>");
Может быть из-за этого проблема? |
$('#'+comment_id+'').parents('tr').remove()
|
Хммм вроде все удаляется, может у вас в коде ошибка...
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>
<table id="comments"></table>
<input type="button" value="Добавить коммент" class="addComment" />
<script>
var comments = 0;
$('.addComment').click(function() {
comments++;
$('#comments').append('<tr id="'+comments+'"><td>Коммент №'+comments+'</td><td><a href="#" class="removeComment" comment_id="'+comments+'">Удалить</a></td></tr>');
});
$('#comments').delegate('.removeComment', 'click', function(e) {
var id = $(this).attr('comment_id');
$('#'+id).remove();
e.preventDefault();
});
</script>
</body>
</html>
|
Цитата:
|
Хмм вроде все правильно
Имеется элемент с ID: <tr height=20px *!*id=tr"+data.comment_id+"*/!*> и он удаляется: $(*!*'#tr'+comment_id+''*/!*).remove(); Так что возможно ошибка в коде, и переменная comment_id не содержит то что надо. Или я туплю..... Цитата:
|
| Часовой пояс GMT +3, время: 10:43. |