Question

I have a jquery ui framework that is constructing the Date Picker elements. I also have jqtransform dynamically altering the input field. Bottom line I need to take the dynamically created <img> and append it to a parent div, three divs deep. To help visualize this I created a JS Fiddle http://jsfiddle.net/helpinspireme/PnJvn/ The goal is to append the <img>tag right above the <input> field within the <div> element.

I am also wrapping the tag in a <div> once all is said and done. I just need help appending the <img> tag to the correct place. Thanks for the help.

Answer 1

You could do

//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);

fiddle here http://jsfiddle.net/uvVd8/