За последние 24 часа нас посетили 19096 программистов и 1637 роботов. Сейчас ищут 872 программиста ...

Удаление строки из таблицы

Тема в разделе "JavaScript и AJAX", создана пользователем Evgen8, 12 авг 2012.

  1. Evgen8

    Evgen8 Активный пользователь

    С нами с:
    8 июл 2012
    Сообщения:
    14
    Симпатии:
    0
    Вот таким методом я добавляю данные в таблицу...
    Код (Text):
    1. $('#table_key').append("<tr><th>"+name+"</th><th>"+key+"</th></tr>");
    Но , как найти и удалить?Скажем , ту же строчку.
    Подобного метода для удаления я не нашел.
    ****************************************************************************************************************
    Уточним.
    Строки таблицы раскиданы рандомно , ID не имеют. Каждая строка имеет два значения , переменных. Скрипту приходит две переменных. Скрипт находит строку , в которой значения совпадают с пришедшими переменными , и производит удаления. Выше указанный способ тупо удаляет строку таблицы не странице. А меня интересует как ее найти? Как сформировать такой селектор?Или можно по значениям найти столбец и узнать его номер?
     
  2. Крыс

    Крыс Активный пользователь

    С нами с:
    3 фев 2012
    Сообщения:
    449
    Симпатии:
    0
    только перебором
     
  3. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    Код (Text):
    1. <html>
    2.     <head>
    3.         <meta http-equiv="Content-Type" content="text/html" />
    4.         <title>Remove</title>
    5.         <script type="text/javascript" src="jquery.js"></script>
    6.         <script type="text/javascript">
    7.             function removeRow(first, second) {
    8.                 var args = '<td>' + first + '</td><td>' + second + '</td>';
    9.                 $('tr').filter(':contains(\'' + first + '\')').filter(':contains(\'' + second + '\')').remove();
    10.             }
    11.         </script>
    12.     </head>
    13.     <body>
    14.         <table id="table_key" border="1">
    15.             <tr>
    16.                 <th>title</th>
    17.                 <td>param_1</td>
    18.                 <td>param_2</td>
    19.             </tr>
    20.             <tr>
    21.                 <td>first row</td>
    22.                 <td>23</td>
    23.                 <td>34</td>
    24.             </tr>
    25.             <tr>
    26.                 <td>second row</td>
    27.                 <td>31</td>
    28.                 <td>35</td>
    29.             </tr>
    30.             <tr>
    31.                 <td>third row</td>
    32.                 <td>11</td>
    33.                 <td>31</td>
    34.             </tr>
    35.         </table>
    36.         <button onclick="javascript:removeRow('31', '35');">Remove row</button>
    37.     </body>
    38. </html>
    Добавлено спустя 3 минуты 17 секунд:
    Всю работу сделает эта строка:

    $('tr').filter(':contains(\'' + first + '\')').filter(':contains(\'' + second + '\')').remove();