javascript - 如何克隆div值到输入

Question

我需要通过单击按钮将值从“Div”复制到“input”。

该函数正在复制整个 div html 值，与我需要的相反，我只想复制文本。

查看示例:https://jsfiddle.net/fg79vypb/

$('#copy').on('click', function() {
      $('#message').val($('<div/>').append($('#whatsapp').clone()).html());
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <button id="copy">Get order on WhatsApp</button>
    <div id="whatsapp" style="    position: fixed;     width: 200px;     height: auto;     bottom: 40px;     right: 40px;     background-color: #e0ffe7;     border-radius: 10px; padding-left: 10px;     border-top-width: 10px;     padding-top: 10px;     padding-bottom: 10px;"><span class="simpleCart_total">R$ 18.00</span> (<span class="simpleCart_quantity" id="simpleCart_quantity">1</span> items)
     <br><br>
    <div class="simpleCart_items"><div class="cartHeaders"><div class="itemName">Name</div><div class="itemPrice">Price</div><div class="itemQuantity">Quantity</div><div class="item"></div></div><div class="itemContainer"><div class="itemName">Product name 1</div><div class="itemPrice">R$ 18.00</div><div class="itemQuantity">1</div><div class="item"> </div></div></div>
    <a class="simpleCart_empty" href="javascript:;">clean cart</a>
    <br><br>
    <a class="simpleCart_checkout" href="javascript:;">go to checkout</a></div>
    <input id="message" type="text" >

我只想获取文本值，并且正在显示所有 html 代码。

Answer 1

此代码将执行您想要的操作。只需复制文本而不是 html 代码

$('#copy').on('click', function() { 
  $('#message').val($('#whatsapp').text());
});