Форум

psfdek · #1 (**permalink**) 05.06.2014, 14:57

Необходимо удалить элемент, нашел ответ тут подскажите как удалить div

Но когда пытаюсь подстроить под себя то не получается
http://learn.javascript.ru/play/TSIJqc
Что не так, может кто объяснить?

рони · #2 (**permalink**) 05.06.2014, 15:51

psfdek,
id уникально неповторяйте его на странице

рони · #3 (**permalink**) 05.06.2014, 16:14

psfdek,

<!DOCTYPE HTML>
<html>
  <head><meta charset="utf-8"> </head>
  <body>
<fieldset>
    <legend>Транспортные компании</legend>
    <div id="reztrcomp">
        <table border=1>
            <tr id="box_1">
                <td>1</td>
                <td>Автотрейдинг</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_2">
                <td>2</td>
                <td>Экспресс-Авто</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_3">
                <td>3</td>
                <td>Деловые линии</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_4">
                <td>4</td>
                <td>Грузовозофф</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_5">
                <td>5</td>
                <td>Энергия</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_6">
                <td>6</td>
                <td>Кит</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_7">
                <td>7</td>
                <td>ПЭК</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_8">
                <td>8</td>
                <td>СПСР</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_39">
                <td>9</td>
                <td>Автотрейдингввв</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_38">
                <td>10</td>
                <td>Автотрейдинг</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
            <tr id="box_37">
                <td>11</td>
                <td>re</td>
                <td><a href="" onclick="Remov(this); return false">del</a></td>
            </tr>
        </table>
    </div>

</fieldset>
<script type="text/javascript">
	function Remov(a) {
		var tr = a.parentNode.parentNode; alert(tr.id.replace(/\D/g,''))
		var indx = tr.rowIndex;
        var parent = tr.parentNode;
        //parent.deleteRow(indx); можно удалить так
        parent.removeChild(tr)  //или так
        }
</script>

  </body>
</html>

psfdek · #4 (**permalink**) 06.06.2014, 08:45

а как можно при удалении получить ИД удаляемого элемента и передать его другой функции? <tr id="box_37"> получить 37

рони · #5 (**permalink**) 06.06.2014, 08:58

psfdek,
строка 70

psfdek · #6 (**permalink**) 06.06.2014, 09:04

function Remov(a) {
var tr = a.parentNode.parentNode;
var indx = tr.rowIndex;
var parent = tr.parentNode;
//parent.deleteRow(indx); можно удалить так
parent.removeChild(tr) //или так
trid = tr.id
var str= trid.replace(/box_/g,"")
Send(str)
}

Благодарю Вас Рони

Форум

Справочник

Discord чат

Курсы javascript