2

我正在尝试使用 jQuery 将表单从一个 div 移动到另一个 onclick。看起来很简单，但似乎不起作用......这就是我所拥有的。

$(".btn").click(function() {
    $("#div2").append("#frm");
$("#div1").remove();
});



<div id="div1">
    <form id="frm"><input class="web" type="text"><span class="btn">go</form>
</div>

<div id="div2">
    content
</div>
4

6 回答 6

5

$("#div2").append("#frm")将字符串 附加"#frm"到div2，而不是其为 的表单元素id本身frm。$("#frm")改为追加以添加表单元素：

$("#div2").append($("#frm"));

演示。

于 2012-09-22T19:46:10.380 回答
2

基本上你需要把 div 的 1 的 html 内容移动到 div 的 2。

表单是 div 的 1 的 html 内容，所以在我的示例中，您可以看到当用户单击按钮时，我将 div 的 1 contnet（表单）附加到 div 的 2

编码

$(document).ready(function() {


$(".btn").click(function() {
    $("#div2").append($("#div1").html());
$("#div1").remove();
});

});

演示

于 2012-09-22T19:47:35.290 回答
1

jQuery.append()方法不将选择器字符串作为其参数之一，因此现在您没有正确定位表单；一种选择是使用.appendTo()which接受选择器字符串，或者您可以简单地用第二个 jQuery 对象包装字符串。

$(".btn").click(function() {
    $("#frm").appendTo("#div2");
    $("#div1").remove();
});
于 2012-09-22T19:52:12.683 回答
0

试试这个

$(".btn").click(function() {
  $("#div2").append($('#frm').html());
  $("#div1").remove();
 });
于 2012-09-22T19:48:19.487 回答
0

.append()不接受选择器，因此您的选择器被解释为内容，创建一个 jQuery 对象选择#frm并将其传递给.append()

$("#div2").append($("#frm"));

您的跨度也缺少结束标签

演示

于 2012-09-22T19:51:45.400 回答
0

div 1中form的jquery命令没有传给div 2的form，为什么？新表格未按原件提交。

$(document).ready(function() {
   $(".btn").click(function() {
     $("#div2").append($("#div1").html());
     $("#div1").remove();
   });
});

伙计们，我得到了这个：

$(document).ready(function() {
   $(".btn").click(function() {
    var master = $('#div1 > ').append();
    ('#div2').html(master);
     $("#div1").remove();
   });
});
于 2013-11-21T12:10:12.347 回答