javascript - Jquery:为什么 .val() 在将内部设置为参数时不更改输出？

Question

我试图通过单击按钮将输入框中的一些文本插入到 div 中。因此，#horario09 div 中的内容应替换为“La reserva es para: '+nombre”，其中 nombre 是您插入到文本输入中的任何内容。

<form id="form1" action="">
        Horario: 09 horas <input type="text" id="h09">
        <button class="btn btn-primary" onclick="return reservas.guardarReserva();">Reservar</button>
        <div id="#horario09"></div>
</form> 

var reservasAPP = {
    guardarReserva:function(){
        var nombre = $('#h09').val();
        var reservaConfirmada = $('#horario09').val('La reserva es para: '+nombre);
        console.log(nombre);
        console.log(reservaConfirmada);
        return false;
    }
}
window.reservas = reservasAPP;

我正在插入一些 console.log() 以进行测试，nombre 打印正常。为什么 .val()不是替换 div 的内容吗？我已阅读文档，当我将某些内容设置为 val() 的参数时，它似乎应该更改值。

reservaConfirmada 的 Console.log 为我提供了以下输出:[上下文:文档，选择器:“#horario09”]

Answer 1

您正在替换 div 中的文本。供div使用

$('#horario09').text();//if you enter text
$('#horario09').html();//if you enter html 

.val() 用于输入。