將動態構建的元素添加到另一個動態構建元素

我有一個構建Date Picker元素的jQuery UI框架。我也有動態改變輸入字段的jqtransform。底線我需要採取動態創建<img>並將其附加到父div，三深度深。爲了幫助可視化，我創建了一個JS小提琴http://jsfiddle.net/helpinspireme/PnJvn/目標是在<div>元素內<input>字段正上方追加<img>標記。將動態構建的元素添加到另一個動態構建元素

一旦所有事情都說完了，我還將標籤包裝在<div>中。我只需要幫助將<img>標籤附加到正確的位置。謝謝您的幫助。

來源

2012-03-30 Help Inspire

你可以做

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

來源

2012-03-30 14:17:36

美麗。非常感謝您的幫助。一旦stackoverflow允許我將這個標記爲答案。 – 2012-03-30 14:20:54

這個答案是錯誤的，'wrap'方法返回原始的一組元素而沒有包裹元素。執行此代碼後檢查您的標記。 – ShankarSangoli 2012-03-30 14:32:15

@ShankarSangoli如果你看小提琴有一個div來包裝img和輸入字段，我覺得他想要這樣！ :) – 2012-03-30 15:14:56

我不知道我是否正確理解你的問題，但這裏是你可以嘗試的。找到input元素，然後使用before方法在其上方添加圖像元素。

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

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

來源

2012-03-30 14:16:56 ShankarSangoli

這不裹在另一個div的，輸入和圖像 – 2012-03-30 14:19:16

OP提到包木窗不重要的，所以我不關心它。無論如何編輯我的答案。 – ShankarSangoli 2012-03-30 14:25:58

將動態構建的元素添加到另一個動態構建元素

回答

相關問題