Сделать при клике по тексту из дива удаление строки

@djprofi · Регистрация: 18.02.2012

Author24 — интернет-сервис помощи студентам

Всем привет.
Есть такая задача:
Есть таблица. у каждой строки id вида str1, str2, str3 и т.д. В каждой из этих строк есть ячейка с дивом с id = cls1,cls2, cls3 и т.д номер в конце id указывает на номер строки. Надо сделать при клике по тексту из дива удаленеие строки, т.е. при клике по диву , например, cls3 удаляется tr с id = str3
загвоздка в передаче номера который идёт с clsЧИСЛО.... других проблем нет...

@ask66 · 17.01.2013, 19:24

А нельзя вместе с классом присвоить другой атрибут, допустим name, с значением идентичным искомому id?
Тогда код такой:

Javascript

1
2
3

$('div[name]').click(
     function(){var n=$(this).attr('name');
      $('#'+n).hide();});

@Dolphin · 18.01.2013, 06:56

Если ты удаляешь эту же строку, в которой див, то можно сделать на много проще

HTML5

<table>
    <tr>
        <td>Строка 1</td>
        <td><div class="delete-row">Удалить</div></td>
    </tr>
    <tr>
        <td>Строка 2</td>
        <td><div class="delete-row">Удалить</div></td>
    </tr>
</table>

Javascript

1
2
3

$('.delete-row').click(function(){
    $(this).closest('tr').remove();
});

@djprofi · 18.01.2013, 21:10 **[ТС]**

Всем спасибо за помощь, особенно Dolphinб т.к. не знал про "closest"

Добавлено через 3 часа 23 минуты
А можете ещё помочь? реализовал как посоветовал dolpin, с небольшим допилом, а допил такой, стартует по клику отправка POST, через ajax, а в success вписал эту функцию, но почему-то не работает... может область видимости или что? помогите допилить....

Javascript

$("div[id^='cls']").click (function(){   var sendAttr = $(this).attr('name');
         $.ajax({
                  type: "POST",
                  data: "dfile2=" + sendAttr ,
                  url: "api.php",
                  dataType: "text",
                  success: function()
                  {
                      
    $(this).closest('tr').remove();
    $(".msg").fadeIn(30).show(300).fadeOut(1000);
                       }
                  });
             });

интерисует только строка $(this).closest('tr').remove(); остальное работает

@Dolphin · 18.01.2013, 21:14

Javascript

$("div[id^='cls']").click (function(){   
         el = $(this);
         var sendAttr = el.attr('name');
         $.ajax({
                  type: "POST",
                  data: "dfile2=" + sendAttr ,
                  url: "api.php",
                  dataType: "text",
                  success: function()
                  {
                      
                       el.closest('tr').remove();
                        $(".msg").fadeIn(30).show(300).fadeOut(1000);
                  }
         });
});

@djprofi · 18.01.2013, 22:10 **[ТС]**

Опять огромное спасибо!!!! всё работает как часы! извините, но не грамотен я в js

@djprofi 2 / 4 / 0 Регистрация: 18.02.2012 Сообщений: 43
		1
	Сделать при клике по тексту из дива удаление строки 17.01.2013, 17:21. Показов 1534. Ответов 5 Метки нет (Все метки) Всем привет. Есть такая задача: Есть таблица. у каждой строки id вида str1, str2, str3 и т.д. В каждой из этих строк есть ячейка с дивом с id = cls1,cls2, cls3 и т.д номер в конце id указывает на номер строки. Надо сделать при клике по тексту из дива удаленеие строки, т.е. при клике по диву , например, cls3 удаляется tr с id = str3 загвоздка в передаче номера который идёт с clsЧИСЛО.... других проблем нет... 0

@djprofi 2 / 4 / 0 Регистрация: 18.02.2012 Сообщений: 43
	18.01.2013, 22:10 [ТС]	6
	Опять огромное спасибо!!!! всё работает как часы! извините, но не грамотен я в js 0