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获取此输出: [context:document,selector:"#horario09"]

Answer 1

您正在替换div中的文本.用于div

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

.val()用于输入.