Здравствуйте,
С сервера приходит определённый дом. Например:
<div class="main-wrapper">
<div>
div1 вложенность 1
<div>
div1 вложенность 2
</div>
</div>
<div>
div2 вложенность 1
<div>
div1 вложенность 2
<div>
div1 вложенность 3
</div>
<div>
div2 вложенность 3
</div>
</div>
</div>
<div>
div3 вложенность 1
</div>
<div>
div4 вложенность 1
</div>
<div>
div5 вложенность 1
</div>
<div>
div6 вложенность 1
</div>
<div>
div7 вложенность 1
</div>
</div>
этот ответ аджаксом подгружается в такую страницу:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<title></title>
</head>
<body>
<div class="main-wrapper">
<div></div>
</div>
<div class="second-wrapper">
<div></div>
</div>
<div class="third-wrapper">
<div></div>
</div>
</body>
</html>
как видно в странице назначения уже есть div с классом main-wrapper
задача:
1. проанализировать ответ от сервера (найти div-ы с одинаковыми классами в ответе и странице назначения {в данном примере это .main-wrapper}).
2. удалить из файла назначения блоки с классами, которые встречаются в ответе от сервера
(в данном примере это div с классом .main-wrapper)
3. вставить ответ сервера в отредактированную страницу назначения {main-wrapper заранее удалён}
Проверку на одинаковые классы нужно проводить только в дочерних элементах body (первой вложенности).
колличество таких элементов неограничено.
Желательно не использовать циклы.