javascript - 使用 jquery 更改点击时的标题文本

Question

我目前正在尝试让我的 Javascript 代码与其他人编写的 HTML 相匹配。目标是通过使用 jquery 将标题输入到文本输入框中，然后单击按钮来更改标题。

不太清楚为什么它不起作用。在我看来，它似乎应该正常运行。如果有人可以帮助找到正确的解决方案并向我解释为什么我的解决方案不起作用，我将不胜感激。

(HTML shortened)
<tr> <td colspan=2 align=right> Title:<input type=text id=newTitle value="Picture Title"> </td> <td> <button id=genTitle>Change Title</button> </td> </tr>

<h2 id=artTitle align=center>Picture Title</h2>

(javascript)
var newTitle = $('#newTitle').val();
$( "#genTitle" ).click(function() {
    $( "#artTitle" ).text(newTitle)
                                  })

Answer 1

看这个。 (我希望你有正确的 html，确保所有的引号和双引号都正确地包裹在每个属性上。)

// Set a event on button click
$("#genTitle").click(function(){

    // Fetch Input Value
    var val = $("#newTitle").val();

    // Set the value fetched as the html of header
    $("#artTitle").html(val);

});