2012-10-16 23 views
1

我有以下情形:我想將輸入字段追加到不同的父級。代碼看起來像這樣如何保持輸入字段並刪除他的第一個參數

<div id="id1"> 
     <div id="id2"> 
      <input type="radio"> 
     </div> 
    </div> 

我想將輸入字段追加到「id1」並刪除「id2」。最後的結果應該是這樣的

<div id="id1"> 
     <input type="radio"> 
    </div> 
+1

您是否嘗試過什麼家長? –

+0

請發佈js代碼.. – bhb

+0

是的,我做過。我在做什麼這實際上很複雜。我正在爲移動設備設計一個HMTL5頁面。我正在使用此腳本http://screwdefaultbuttons.com/將自定義圖像添加到我的頁面。然而它被寫入我應該使用$(document).ready函數,但我實際上必須用$(document).bind('pageinit',function(){})替換它。現在的問題是,只要顯示data-role = page的div,腳本就會被再次調用。自定義按鈕被封裝在包裝輸入字段的div中。每次我去到另一個頁面時,我會得到一個更深層的輸入字段。不知怎的,我必須清理它。 – bboydflo

回答

3
$('#id2 input').appendTo($('#id1')); 
$('#id2').remove(); 
+0

謝謝。它看起來像我想要的那樣工作。但有一點我必須弄清楚。如果我不自己修復,我會提出另一個問題。謝謝 – bboydflo

4
​$('#id2 input').​​​​appendTo($('#id1'))​​​​; 
$('#id2').remove(); 

DEMO

1

在一個行:

​$("#id2"​​).find("input").appendTo("#id1"​).end().end().remove();​​​​​ 

另一條線:

​$("#id2 input"​​).unwrap("#id2");​​​​​ 

DEMO:http://jsfiddle.net/CrmMG/

0
$('#id1').append($('#id2 input')) 
$('#id2').remove(); 

Live Demo

0

把你輸入

var input = $("inputselector"); 

放入所需的容器

var parentRef = $("inputselector").parent(); 
$("inputselector").parent().parent().append($("inputselector")); 

刪除父

parentRef.remove(); 
0
$div = $('input:radio').clone(); 
$('#id2').remove(); 
$('#id1').append($div); 

fiddle

0

您可以使用其中任何。

$('#id2 input').​​​​appendTo($('#id1'))​​​​; 
    $('#id2').remove(); 
    or 
    $('#id2 input').unwrap(); 
相關問題