Question

我有一个构建日期选择器元素的jquery ui框架。我也有动态改变输入字段的jqtransform。底线我需要采用动态创建的<img>并将其附加到父div，三个div深。为了帮助可视化，我创建了一个JS小提琴http://jsfiddle.net/helpinspireme/PnJvn/目标是在<img>元素的<input>字段正上方附加<div>标记。

一旦完成所有操作，我也会将标记包装在<div>中。我只需要帮助将<img>标记附加到正确的位置。谢谢你的帮助。

Answer 1

我不知道我是否正确理解了你的问题，但这是你可以尝试的。找到input元素，然后使用before方法在其正上方添加图片元素。

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

工作演示 - http://jsfiddle.net/PnJvn/4/

Answer 2

你可以做到

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

将动态构建的元素添加到另一个动态构建的元素

2 个答案: