Показать сообщение отдельно
  #17 (permalink)  
Старый 14.11.2015, 21:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Anrew,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .div {
    background: yellow;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
    }
  .top{
     height: 150px;
    border: 2px solid #191970;
    padding: 10px;
    margin: 50px;
  }
</style>
 <script>
window.addEventListener("DOMContentLoaded", function() {
    var c = document.querySelectorAll(".delite"),
        d = document.querySelectorAll(".alldelite");
    [].forEach.call(c, function(a) {
        a.addEventListener("click", function() {
            var b = a.parentNode;
            b.parentNode.removeChild(b)
        })
    });
    [].forEach.call(d, function(a) {
               a.addEventListener("click", function() {
               var b = a.parentNode.querySelectorAll(".delite");
            [].forEach.call(b, function(a) {
                a.click()
            })
        })
    })
});
</script>
</head>

<body>



<div class="top">
<div class="div">
  <button type="button" class="delite" >удалить</button>
1</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
2</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
3</div>
<button type="button" class="alldelite">удалить все</button>
</div>
<div class="top">
<div class="div">
  <button type="button" class="delite" >удалить</button>
1</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
2</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
3</div>
<button type="button" class="alldelite">удалить все</button>
</div>
<div class="top">
<div class="div">
  <button type="button" class="delite" >удалить</button>
1</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
2</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
3</div>
<button type="button" class="alldelite">удалить все</button>
</div>
<div class="top">
<div class="div">
  <button type="button" class="delite" >удалить</button>
1</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
2</div>
<div class="div">
<button type="button" class="delite" >удалить</button>
3</div>
<button type="button" class="alldelite">удалить все</button>
</div>

</body>

</html>

Последний раз редактировалось рони, 14.11.2015 в 22:13.
Ответить с цитированием