добавление содержимого элемента в другой
день добрый
А как добавить к элементу блок, только ссылаясь на него, т.е. у нас где то есть блок ( он может быть большим, поэтому и не хочется его весь добавлять в код JS)
<div class="new-block">
<!-- здесь большой код, на который нужно заменить -->
</div>
<div class="old-block">
<!-- старый код ,который мы хотим заменить -->
</div>
и вот примерный код скрипт , но что то явно не так, т.е. мне нужно чтобы скрипт выделял сам содержимое .new-block и вставлял его в очищенный .old-block я думаю вы поймете мою мысль, не смотря на то, что код кривой
$(".old-block").empty().html($(".new-block".html());
|
dikucher, как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
-->
<style type="text/css">
.new-block {
border: 1px solid red;
}
.old-block {
border: 1px solid green;
}
</style>
<script type="text/javascript">
$(function (){
$('button').click(function (){
$('.old-block').append($('.new-block > *'));
});
});
</script>
</head>
<body>
<div class="new-block">
<p>test</p>
<p>test</p>
</div>
<div class="old-block">
</div>
<button>Go</button>
</body>
</html>
|
ksa,
вот что мне надо
<div class="new-block">
<p>text</p>
</div>
<div class="old-block">
<img alt="" src="">
</div>
Вот, что должно быть после действия скрипта ( ваш так будет работать ? у меня кстати он ничего не делает )
<div class="old-block">
<p>text</p>
</div>
п.с. я все таки думал это сделать на функции .html, но не знаю как прописывать синтаксис, как я уже набросал выше. Вот что работает
$(".old-block").empty().html('<p>text</p>');
Это фактически сделает, то что мне требуется, т.е. очищает .old-block и прописывает там новый элемент <p>text</p>. Но мне нужно более оптимальнее, чтобы можно было как то ссылаться на блок, так как он может быть большим, и мне не хочется его прописывать в script-е |
Цитата:
Он работает прямо тут в теме. |
Цитата:
Как это делать ты вроде знаешь... |
Цитата:
|
Цитата:
<div class="block">
<p>old content</p>
</div>
<div class="new-content">
<p>new content</p>
</div>
<button class="button">go</button>
<script>
$(function (){
$('.button').click(function (){
$('.block').append($('.new-content > *'));
});
});
</script>
|
вроде как нашел удовлетвлетворяющее для меня решение
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
</head>
<body>
<div class="block">
<p>old content</p>
</div>
<div class="new-content">
<p>new content</p>
</div>
<button class="button">go</button>
<script>
$(function (){
var con = $('.new-content');
$('.button').click(function (){
$('.block').empty().html(con);
});
});
</script>
</body>
</html>
|
вот не знаю как вы сделали так, чтобы можно было запускать напряму на форуме. Подскажите ?
По коду, может его будет правильнее написать как то по другому ? |
Цитата:
http://javascript.ru/formatting |
| Часовой пояс GMT +3, время: 18:28. |