jquery从div复制html并粘贴到输入中

时间:2016-09-30 12:33:44

标签: javascript jquery

我正在尝试使用名为#copy_history的div复制原始html。我已经设法用文本工作正常,但我也需要HTML。

以下确实有效,但它抓取的文字不是所有的html:

脚本:

$('#copy').click(function() {
    var text = $('#copy_history').text();
    $('.paste_history').val(text);
});

4 个答案:

答案 0 :(得分:4)

请参阅html和/或clone

在中获取标记



$('#copy').on('click', function() {
  $('#input').val($('#sample').html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="sample">Here's some <b>markup</b></div>

<label for="input">Input</label>
<input type="text" id="input"/>

<button id="copy">Copy sample markup</button>
&#13;
&#13;
&#13;

获取内部标记和包括给定元素:

&#13;
&#13;
$('#copy').on('click', function() {
  $('#input').val($('<div/>').append($('#sample').clone()).html());
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="sample">Here's some <b>markup</b></div>

<label for="input">Input</label>
<input type="text" id="input"/>

<button id="copy">Copy sample markup</button>
&#13;
&#13;
&#13;

答案 1 :(得分:3)

planeAFID:    "89-3412"
planeCPISPI:    ""
planeLMID:     "8215"

希望这会有效..

答案 2 :(得分:0)

尝试append()的{​​{1}}:

val()

答案 3 :(得分:-1)

html()可能就是你要找的东西

console.log($("#copy-container").html());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="copy-container">
  some text
  <div>some child div</div>
  smth else
</div>