Как переместить содержимое блока в другой блок?
Здравствуйте, есть такая страница:
<div class='main'> <div class='one'>bla-bla-bla...</div> <div class='two'>....</div> </div> Мне нужно из первого блока (class='one') переместить его содержимое в блок, который находиться ниже (class='two') при, этом первый блок не удалять, а просто оставить его пустым. И информацию, во-втором блоке нужно не удалять, а просто смещать вниз, ну то есть новый материал (из первого блока) поместить сверху. Спасибо...) |
Цитата:
|
Цитата:
Вот так чтобы в итоге было: <div class='two'> Перемещенная информация из первого блока.... Старая информация, которая была здесь и раньше... </div> |
Vladislav,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<title></title>
<style type="text/css">
.one {
border: #FF0000 1px dashed;
height: 15px;
width: 200px;
}
</style>
</head>
<body>
<div class='main'>
<div class='one'>Перемещенная информация из первого блока....</div>
<div class='two'>Старая информация, которая была здесь и раньше...</div>
</div>
<script type="text/javascript">
var one = $('.one').html(),
two = $('.two').html();
$('.one').html('')
$('.two').html(one + '<br>' + two)
</script>
</body>
</html>
Здравствуйте! Судя по вашему сообщению, вы ну совсем не знаете javascript. Освойте основы языка и вопрос отпадет сам, полностью или частично. А с чем не справитесь - поможем. На сайте javascript можно начать изучать с учебника, раздел Основы javascript. Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/ Задавайте конкретные вопросы по ходу дела. |
рони, ну зачем же такие простые задачи решать сразу с помощью jQuery? :)
var one = document.querySelector('.one'),
two = document.querySelector('.two');
two.innerHTML = one.innerHTML + two.innerHTML;
one.innerHTML = '';
|
Цитата:
Цитата:
+ ТС изобретает новостную ленту с помощью jQuery судя по последним его темам |
Ruslan_xDD, лучше так:
var one = document.querySelector('.one'),
two = document.querySelector('.two');
while (one.lastChild) {
two.insertBefore(one.lastChild, two.firstChild);
}
|
А как сделать следующий вариант:
К примеру границы первого блока заканчиваются, как перенести текст не поместившийся в первом блоке в последующий блок. Примного благодарен за ответы |
| Часовой пояс GMT +3, время: 06:11. |