подскажите как удалить div
есть html <div id="divResult" style=" color:red;"> <div id="box_0"></div> <div id="clear_0" class="clear_coment"/></div> <div id="box_1"></div> <div id="clear_1" class="clear_coment"/></div> <div id="box_2"></div> <div id="clear_2" class="clear_coment"/></div> </div> в дивах box_... есть вложение с дивами и кнопкой удалить при нажатии по которой удаляется див в котором кнопка. див box удалось удалить а див clear_... не получается пробовал через .nextSibling не получилось код javascript доступ к диву box /*Удалени после нажатия diva (box)*/ var del= th.parentNode.parentNode.parentNode.parentNode.par entNode.parentNode; del.parentNode.removeChild(del); одним словом как удалить <div id="box_...."> <div id="clea_..."> при клике по кнопки удалить |
:p А что - Вариант разве не подходит ?
http://javascript.ru/forum/jquery/31...tml#post201545 |
надо на чистом javascript
|
подсказали вот такой вариант
я всё сделал но не пойму почему не работает Так как имена атрибутов id всех ваших элементов схожи и отличаются только нумерацией, то лучше вместо многочисленных parentNode обращаться к элементам по их id. Если кнопка удаления будет иметь номер как и у родителя, то: removeChild(document.getElementById('box_'+номер_полученный_от_кнопки))
Соответственно также обращаться к другим элементам.
|
alex2012,
На чистом Js - шоб не мучать перебором - оберните конструкцию внешним div <div class=wrap_section> <div id="box_2"></div> <div id="clear_2" class="clear_coment"/></div> </div> Хотя можно и через перебор |
Цитата:
|
<style type="text/css">
#divResult {
width:315px;
}
div[id^="box_"]{
width:200px;
height:32px;
border:2px blue solid;
}
div.clear_coment{
float:right;
margin-top:-32px;
width:100px;
height:32px;
border:1px red solid;
text-align:center;
cursor:pointer;
}
</style>
<div id="divResult" style=" color:red;">
<div id="box_0">1</div>
<div id="clear_0" class="clear_coment" onclick="Remov(this)">clear</div>
<div id="box_1">2</div>
<div id="clear_1" class="clear_coment" onclick="Remov(this)">clear</div>
<div id="box_2">3</div>
<div id="clear_2" class="clear_coment" onclick="Remov(this)">clear</div>
</div>
<script type="text/javascript">
function Remov(a) {
var id = a.id;
var id_box = id.replace("clear_","box_");
a.parentNode.removeChild(document.getElementById(id_box));
a.parentNode.removeChild(a);
}
</script>
|
Сталкнулась с проблемой - нужно было удалить div (пока шел процесс загрузки - пользователю предоставлялися часы идущие, а после процесса нужно было убрать эти часы)
В итоге много чего пробовала, не работало, сработало удаление объектов с помощью JQuery: var my = jQuery('#yourdivId');
my.detach();
Так что может пригодиться кому;) |
Как же меня бесит современный интернет! :-E
Одни дебилы и умники. Человек задал вопрос, чтобы получить ответ и другим помочь. А вы? Один пишет что не знает, другой унижает, третий умничает и кидает ссылку абсолютно не в тему. И еще 10 человек тупо пишут всякую ахинею. :agree: Не знаешь молчи!!! А теперь по теме! Если известен id, то удалить элемент можно так: document.getElementById('ID').outerHTML = ""; А если нет id, то нужно его назначить :yes: |
Не кроссбраузерно:
document.getElementById('ID').remove()
Кроссбраузерно: var elem = document.getElementById(id); elem.parentNode.removeChild(elem); |
| Часовой пояс GMT +3, время: 04:00. |