удалить безымянные узлы

[cyklop77]

помогите пожалуйста написать костылик

 

fiddle

 

html:

<div class="cell image_outer">	<label class="label">Фото</label>	<div class="box_common_outer">		<div class="box_common">			<div class="box_common_inner">				<img src="/media/cache/61/ad/61ad85ae26431c6fa3de2438e73bd7d2.jpg" width="83" height="83">			</div>		</div>	</div>		На данный момент: 	<a href="/media/userprofile/path_glory_photo/n_2.jpg">userprofile/path_glory_photo/n_2.jpg</a> 	<input id="path_glory_photo-clear_id" name="path_glory_photo-clear" type="checkbox"> 	<label for="path_glory_photo-clear_id">Очистить</label>	<br>	Изменить: 	<input id="id_path_glory_photo" name="path_glory_photo" type="file"></div>

нужно:

<div class="cell image_outer">	<label class="label">Фото</label>	<div class="box_common_outer">		<div class="box_common">			<div class="box_common_inner">				<img src="/media/cache/61/ad/61ad85ae26431c6fa3de2438e73bd7d2.jpg" width="83" height="83">			</div>		</div>	</div>		<input id="path_glory_photo-clear_id" name="path_glory_photo-clear" type="checkbox"> 	<label for="path_glory_photo-clear_id">Очистить</label>	<input id="id_path_glory_photo" name="path_glory_photo" type="file"></div>

моя попытка:

var	label = $('.image_outer .label');var	thumb = $('.image_outer box_common_outer');var	label2 = $('.image_outer label[for="path_glory_photo-clear_id"]');var	photo_input = $('#id_path_glory_photo');var	checkbox = $('#path_glory_photo-clear_id');$('.image_outer').empty().append(label).append(thumb).append(label2).append(photo_input).append(checkbox);

в результате выводится: label, label2, photo_input, checkbox

проблема в том, что не выводится ни thumb, ни вложенные в него элементы

 

[Veseloff]

Попробуй clone() делать, а не просто «ссылки» на элементы вставлять.