Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.12.2014, 04:50
Новичок на форуме
Отправить личное сообщение для PrideCat Посмотреть профиль Найти все сообщения от PrideCat
 
Регистрация: 28.12.2014
Сообщений: 1

Переместить блок к "предродителю".
Код:
<div class="lot">
       <div class="lot1">
		<div class="lot2">
			<div>Click here</div>
			<div>to iterate through</div>
			<div>these divs.</div>
		</div>
	</div>
</div>
<div class="lot">
       <div class="lot1">
		<div class="lot2">
			<div>Click here</div>
			<div>to iterate through</div>
			<div>these divs.</div>
		</div>
	</div>
</div>

<script>

$( document.body ).click(function() {
	var lot2 = $('.lot2'); 

	lot2.each(function(i, a) {

	         a.detach().prependTo(a.parent.parent);
	});
});
</script>
Требуется найти все div с классом lot2. И переместить этот блок к прородителю с классом lot.

Не совсем понимаю как работает "parent".

Буду рад помощи.
Ответить с цитированием
  #2 (permalink)  
Старый 28.12.2014, 16:21
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

<html>
<head>
<style>
.lot{background: blue; padding: 10px}
.lot1{background: green; padding: 10px}
.lot2{background: yellow; padding: 10px}
</style>

</head>
<body>

<div class="lot">
       <div class="lot1">
		<div class="lot2">
			<div>Click here</div>
			<div>to iterate through</div>
			<div>these divs.</div>
		</div>
	</div>
</div>
<div class="lot">
       <div class="lot1">
		<div class="lot2">
			<div>Click here</div>
			<div>to iterate through</div>
			<div>these divs.</div>
		</div>
	</div>
</div>

<script>

lots=document.querySelectorAll(".lot")
lots2=document.querySelectorAll(".lot2")
f=function(parent){return function(){parent.appendChild(this)}}
for (var i=0; i<lots.length; i++){
   lots2[i].onclick=f(lots[i])
}



</script>

</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как переместить содержимое блока в другой блок? Vladislav Общие вопросы Javascript 7 06.12.2015 17:22
Переместить блок в начало контейнера lukasss Элементы интерфейса 4 21.10.2014 14:13
Копирование блоков в блок maximus Events/DOM/Window 1 14.09.2013 19:40
Показать/скрыть блок Lelja_05 jQuery 10 01.07.2013 20:05
Скрыть/показать блок в зависимости от radio MBmusic Элементы интерфейса 10 08.05.2013 17:23