Javascript-форум - удаление элементов по клику

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - удаление элементов по клику (https://javascript.ru/forum/misc/44144-udalenie-ehlementov-po-kliku.html)

удаление элементов по клику

Привет. Помогите решить задачу есть конструкция

<div>
  <div style="float:left;"></div>
  <div style="float:left;"></div>
  <div>delete</div>
</div>
<div>
  <div style="float:left;"></div>
  <div style="float:left;"></div>
  <div>delete</div>
</div>

Как сделать так чтобы при клике на третий див delete можно было удалить весь div который обхватывает три внутренних.

Или это удобнее сделать с помощь таблиц.

Цитата:

Сообщение от рони (Сообщение 291052)

sonntagausgang,
http://learn.javascript.ru/modifying...в-removechild

спасибо разобрался.

sonntagausgang,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <style type="text/css">
div > div{
   background: #0000FF;
   color: #FFFFFF;
   width: 60px;
   margin: 8px;
   float:left;
 }
div > div:last-child{
  background: #FF0000;
}

  </style>
</head>

<body>
<div>
  <div style="float:left;">1</div>
  <div style="float:left;">2</div>
  <div>delete</div>
</div>
<div>
  <div style="float:left;">3</div>
  <div style="float:left;">4</div>
  <div>delete</div>
</div>
<script>
var c = document.querySelectorAll("div > div:last-child");
Array.prototype.forEach.call(c, function (a) {
    a.onclick = function () {
        var b = a.parentNode;
        b.parentNode.removeChild(b)
    }
});
</script>
</body>
</html>

Цитата:

Сообщение от рони (Сообщение 291081)

sonntagausgang,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <style type="text/css">
div > div{
   background: #0000FF;
   color: #FFFFFF;
   width: 60px;
   margin: 8px;
   float:left;
 }
div > div:last-child{
  background: #FF0000;
}

  </style>
</head>

<body>
<div>
  <div style="float:left;">1</div>
  <div style="float:left;">2</div>
  <div>delete</div>
</div>
<div>
  <div style="float:left;">3</div>
  <div style="float:left;">4</div>
  <div>delete</div>
</div>
<script>
var c = document.querySelectorAll("div > div:last-child");
Array.prototype.forEach.call(c, function (a) {
    a.onclick = function () {
        var b = a.parentNode;
        b.parentNode.removeChild(b)
    }
});
</script>
</body>
</html>

Спасибо за ответ.
Я сделал так.

var elem =  document.getElementById('content');

      elem.addEventListener('click', function(e) { 
          var dsf = e.target.parentNode;
          elem.removeChild(dsf);

Как лучше? Как вы сделали или как я?

sonntagausgang,
а клик по первым дивам тоже удаляет ?

Цитата:

Сообщение от рони (Сообщение 291128)

sonntagausgang,
а клик по первым дивам тоже удаляет ?

а все я понял в чем разница. Точно удаляет по кликам по первым дивам. Спасибо.
Буду значит в вашем коде разбираться.