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

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

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

Всем привет.
Есть такая задача:
Есть таблица. у каждой строки 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
1
2
3
4
5
6
7
8
9
10
<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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$("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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$("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

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

@djprofi 2 / 4 / 0 Регистрация: 18.02.2012 Сообщений: 43

	Сделать при клике по тексту из дива удаление строки 17.01.2013, 17:21. Показов 1661. Ответов 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 [ТС]
	Опять огромное спасибо!!!! всё работает как часы! извините, но не грамотен я в js 0