Форум

ArmagedDance · #1 (**permalink**) 16.08.2011, 10:35

Не могу удалить строку из таблицы. Ни 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>");

Может быть из-за этого проблема?

Beriagts · #2 (**permalink**) 16.08.2011, 11:34

$('#'+comment_id+'').parents('tr').remove()

walik · #3 (**permalink**) 16.08.2011, 15:26

Хммм вроде все удаляется, может у вас в коде ошибка...

<!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>

Beriagts · #4 (**permalink**) 16.08.2011, 15:36

Сообщение от walik

Хммм вроде все удаляется, может у вас в коде ошибка...

посмотри как у него идет select

walik · #5 (**permalink**) 16.08.2011, 15:39

Хмм вроде все правильно
Имеется элемент с ID:

<tr height=20px *!*id=tr"+data.comment_id+"*/!*>

и он удаляется:

$(*!*'#tr'+comment_id+''*/!*).remove();

Так что возможно ошибка в коде, и переменная comment_id не содержит то что надо.

Или я туплю.....

Цитата:

$('#'+comment_id+'').parents('tr').remove()

Вот тут точно не правильно, так как ты по ID берешь элемент, и в родителях ищешь tr и удаляешь. Так сам tr и имеет этот ID

Форум

Справочник

Discord чат

Курсы javascript