2010-07-14 2 views
10

как перемещать содержимое из одного скрытого div в другой отображаемый div с помощью jquery?перемещение содержимого из одного скрытого div в другое отображаемое div

сказать, что у меня есть div1 со стилем отображения, нет и еще один div «div2» с блоком стиля отображения.

Как перемещать содержимое из div1 в div2 и очищать div1?

+0

Куда вы перемещаете контент специально? Приоритет или добавление в конкретную цель и т. Д.? –

+0

Я нашел хороший ответ, связанный с этим вопросом: http://stackoverflow.com/questions/2792352/how-do-you-move-html-from-one-div-to-another-with- jquery-without-break-javasc – netusco

ответ

0
$($('#div1').html()).appendTo('#div2') 
+0

ошибка: ошибка времени выполнения Microsoft JScript: объект не поддерживает это свойство или метод – user384080

+0

исправлено. если вы получаете эту ошибку времени выполнения, скорее всего, это не наш код, и это что-то еще на вашем конце. –

0

Сначала вам нужно получить HTML из DIV1, а затем установить HTML в DIV2.

Используйте операции get/set, доступные в селекторе .html().

Как это:

var div1Html = $('#div1').html(); 
$('#div2').html(div1Html); 
+0

получение этой ошибки: htmlfile: неизвестная ошибка времени выполнения – user384080

+1

звучит как что-то еще на вашей странице. Я создал простую страницу, в которой нет ничего, кроме двух div, и приведенный выше код работает нормально (как и все остальные ответы) – RPM1984

+0

Обратите внимание, что форма находится на MVC-фреймворке .. она может вести себя по-другому .. thanks – user384080

11

Почему бы не просто показать скрытые DIV и скрыть отображаемую один?

Но ответ на ваш вопрос.

$('#div2').html($('#div1').html()); 
$('#div1').html(''); 
+0

htmlfile: Неизвестная ошибка времени выполнения – user384080

+1

@ ronald-yoh - Вы включаете jQuery на странице? когда ваш вопрос помечен jquery, есть предположение, что вы его используете. –

+0

да .. Я использую jquery – user384080

14

.contents() может быть то, что вам нужно:

$('#div1').contents().appendTo('#div2') 

принять к сведению, что движение будет (не копировать) внутренние элементы из одного DIV в другой.

+2

Не уверен, что вам нужно окружение $() - вы можете сделать это '$ ('# div1'). Contents(). AppendTo ('# div2');' – jbyrd

+0

@jbyrd это вполне возможно ... может быть, кто-то может сделать jsfiddle. Или не стесняйтесь просто редактировать мой пост, если вы уверены, что работает –

+2

Да, я только что подтвердил, что он работает без дополнительных $(). – jbyrd

Смежные вопросы