1

我有以下场景：我想将输入字段附加到不同的父级。代码看起来像这样

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

我想将输入字段附加到“id1”并删除“id2”。最终结果应该是这样的

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

8 回答 8

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

演示

于 2012-10-16T10:59:16.220 回答
3 
$('#id2 input').appendTo($('#id1'));
$('#id2').remove();
于 2012-10-16T10:59:35.647 回答
1

在一行中：

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

另一行：

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

演示：http: //jsfiddle.net/CrmMG/

于 2012-10-16T11:00:24.520 回答
0 
$div = $('input:radio').clone();
$('#id2').remove();
$('#id1').append($div);

小提琴

于 2012-10-16T11:03:02.917 回答
0

你可以使用它们中的任何一个。

    $('#id2 input').​​​​appendTo($('#id1'))​​​​;
    $('#id2').remove();
    or
   $('#id2 input').unwrap();
于 2012-10-16T11:03:13.317 回答
0

使用 jQuery unwrap()。它删除选择器的父级，将所选元素留在原处

$('#id2 input').unwrap()

API 参考 http://api.jquery.com/unwrap/

于 2012-10-16T11:05:07.967 回答
0 
$('#id1').append($('#id2 input'))
$('#id2').remove();

现场演示

于 2012-10-16T11:00:29.650 回答
0

接受你的意见

 var input =  $("inputselector");

将其放入所需的容器中

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

删除父级

 parentRef.remove();
于 2012-10-16T11:01:27.190 回答