Добавление динамически встроенного элемента в другой динамически построенный элемент

Question

У меня есть jquery ui framework, который создает элементы Date Picker. У меня также есть jqtransform, динамически изменяющее поле ввода. В нижней строке мне нужно взять динамически созданный <img> и добавить его в родительский div, три divs deep. Чтобы визуализировать это, я создал JS Fiddle http://jsfiddle.net/helpinspireme/PnJvn/ Целью является добавление тега <img> прямо над полем <input> в пределах элемента <div>.

Я также обертываю тег в <div> после того, как все сказано и сделано. Мне просто нужна помощь, добавив тег <img> в нужное место. Спасибо за помощь.

Answer 1

Вы могли бы сделать

//get the input 
var input_div = $('.date_picker') 
//get the image 
var img = $('img.ui-datepicker-trigger'); 
//wrap the input and add the img before it 
input_div.wrap('<div class="datepicker_image" />') 
     .before(img); 

скрипку здесь http://jsfiddle.net/uvVd8/

Answer 2

Я не знаю, правильно ли я понял ваш вопрос, но вот что вы можете попробовать. Найдите элемент input, а затем используйте метод before, чтобы добавить элемент изображения прямо над ним.

$('.date_picker').wrap('<div class="datepicker_image" />') 
$('.datepicker_image').before($('.ui-datepicker-trigger'));​ 

Работа демо - http://jsfiddle.net/PnJvn/4/