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に追加しています。代わりに追加して、フォーム要素を追加します。idfrm$("#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()メソッドはパラメーターの 1 つとしてセレクター文字列を取らないため、現時点ではフォームを正しくターゲットにしていません。1 つのオプションは、セレクター文字列を受け入れるものを使用する.appendTo()ことです。または、単に文字列を 2 番目の 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 に答える