Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jQuery как удалить строчку в таблие 
V
    Опции темы
DeamonShan
Дата 27.8.2010, 13:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

Репутация: нет
Всего: 6
Привет всем,

Скажите плиз, как удалить строчку из таблицы по клику, если таблица создана динамически?

Например делаю так:

Код


function create_table(){
    var obj=$("<div/>").attr("id","new_layer");
    obj.appendTo("body");
    obj.html("<teble class='.table_layer'></table>");
    loaddata_layer();
}

function loaddata_layer(){

   //здесь подгружаю строки таблицы
   $(".table_layer").append(rows);

}



подгружаемые строки стандартные:

Код

<tr><td id='2' onclick='clickRow()'>Content of row</td></tr>


и нужно чтобы при клике по этим строкам она выводила алерт:

Код

function clickRow(){
   $(".table_layer td").click(function(){
       alert($(this).attr('id');
   });
}


после клика на строку алертов показывает столько, сколько строк подгрузилось. А мне нужно чтобы один раз... 

Это сообщение отредактировал(а) DeamonShan - 27.8.2010, 13:59


--------------------
Извеняюсь за свой русский)))
PM MAIL   Вверх
ksnk
Дата 27.8.2010, 14:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386
Код

<tr><td id='2' onclick='clickRow(this)'>Content of row</td></tr>


Код

function clickRow(el){
       alert(el.id);
}


Это сообщение отредактировал(а) ksnk - 27.8.2010, 14:11


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
DeamonShan
Дата 27.8.2010, 14:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

Репутация: нет
Всего: 6
ksnk, 
первый раз работает, дальше закрываю алерт, и пытюсь кликнуть еще раз, далее при повторном клике старая песня(((


--------------------
Извеняюсь за свой русский)))
PM MAIL   Вверх
ksnk
Дата 27.8.2010, 14:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386
Цитата(DeamonShan @  27.8.2010,  14:14 Найти цитируемый пост)
 далее при повторном клике старая песня((( 

Старую песню тоже надо переписать  smile 

Вот эта конструкция 
Код

   $(".table_layer td").click(function(){
       alert($(this).attr('id'));
   });

выставляет на всех TD обработчики мышиных кликов. Если эта установка срабатывала каждый новый клик, то алертов с каждым кликом становилось все больше и больше...




--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
DeamonShan
Дата 30.8.2010, 09:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

Репутация: нет
Всего: 6
Я кстати, не заметил исправление кода... первый раз ты другое писал)))


Алерт сработал, а как удалить?

el.remove(); не пашет...

и подозрение что это уже JavaScript  а не jQuery... 

Это сообщение отредактировал(а) DeamonShan - 30.8.2010, 09:53


--------------------
Извеняюсь за свой русский)))
PM MAIL   Вверх
CruorVult
Дата 30.8.2010, 10:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 1
Всего: 28
Код

$(".table_layer td").click(function(){
      $(this).remove();
   });


Добавлено через 1 минуту и 28 секунд
Цитата(DeamonShan @  30.8.2010,  09:51 Найти цитируемый пост)
и подозрение что это уже JavaScript  а не jQuery... 

а разве jQuery это не JavaScript ? smile 
PM MAIL Skype   Вверх
CruorVult
Дата 30.8.2010, 11:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 1
Всего: 28
удалено автором smile

Это сообщение отредактировал(а) CruorVult - 30.8.2010, 11:15
PM MAIL Skype   Вверх
DeamonShan
Дата 30.8.2010, 12:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

Репутация: нет
Всего: 6
Цитата(CruorVult @ 30.8.2010,  10:01)
Код

$(".table_layer td").click(function(){
      $(this).remove();
   });



тут надо учесть, что таблица сгенерирована динамически...


--------------------
Извеняюсь за свой русский)))
PM MAIL   Вверх
CruorVult
Дата 30.8.2010, 12:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 1
Всего: 28
не туда глянул, вот так покатит:

Код

function clickRow(el){
       $(el).remove();
}



Это сообщение отредактировал(а) CruorVult - 30.8.2010, 12:18
PM MAIL Skype   Вверх
DeamonShan
Дата 30.8.2010, 12:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

Репутация: нет
Всего: 6
Да я уже сообразил))) СПАСИБО в любом случае.


--------------------
Извеняюсь за свой русский)))
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0471 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.