Jquery根据点击将一个元素的值更改为另一个元素

Question

我需要获取#answer_comment 的元素值并将其显示在ID 为#comment 的输入中

$(document).ready(function() {
    $("body").on("click", "#answer_comment", function(e) {
        var answer = document.getElementById('answer_comment').val();
    $('#comment').val(answer);

    })

怎么了？

如果可能的话，如何创建一个带有所选值的cookie？

Answer 1

希望这是您正在寻找的，因为它是一个跨度，您可以使用 attr('value') 获取值

 
$("body").on("click", "#answer_comment", function(e) {
  var answer = $('#answer_comment').attr('value');
  $('#comment').val(answer);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id = "answer_comment" value="username">click here</span>
<input id="comment">

Answer 2

您正在将 jQuery 与 vanilla JS 混合使用。你应该选择一匹马并坚持下去。纯 JQ 将是

$(document).ready(function() {
$("body").on("click", "#answer_comment", function(e) {
    var answer = $('#answer_comment').text();
$('#comment').val(answer);
})