Question

复制$('#id').html()不会传输新的文本框值。

如何确保将这些复制/移动到另一个DOM位置？

Answer 1

不要通过标记进行往返，只需使用$()选择元素，然后appendTo将它们附加到别处（将移动，而不是复制）：

$("selector-for-the-elements").appendTo("selector-for-the-destination");

直播示例：

$(".move").val("move me");
setTimeout(function() {
  $(".move").appendTo(".into");
}, 800);

.into {
  border: 1px solid #ddd;
}

<input type="text" class="move">
<div class="into">Into me</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

请注意，如果第二个选择器匹配多个目标，那么对于第二个，第三个等副本，将进行克隆;但原件将在第一个/唯一目标。

当然，使用$()选择目的地，$()选择元素，append移动目标：

$("selector-for-the-destination").append($("selector-for-the-elements"));

直播示例：

$(".move").val("move me");
setTimeout(function() {
  $(".into").append($(".move"));
}, 800);

.into {
  border: 1px solid #ddd;
}

<input type="text" class="move">
<div class="into">Into me</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如何移动包含当前表单字段值的DOM部分？

1 个答案: