jquery - 单击事件后无法更新 HTML 字段的内容

Question

$(".register_title.form").html(title);部分没有按预期更新相关字段，因为我做错了！

我也可以用更短的方式来做这件事，因为它看起来不太好，因为我重复了几行。

谢谢

查询：

$(document).ready(function()
{
    $("#school_left_box").click(function()
    {
        var title = $(".register_title").val();

        $("#hidden_registration_type").html('School');
        $(".register_title.form").html(title);
        $("#register_right_box").fadeIn(300);
    });

    $("#representative_left_box").click(function()
    {
        var title = $(".register_title").val();

        $("#hidden_registration_type").html('Representative');
        $(".register_title.form").html(title);
        $("#register_right_box").fadeIn(300);
    });
});

HTML：

<div id="school_left_box">
    <p class="register_title">School</p>
</div>

<div id="representative_left_box">
    <p class="register_title">Representative</p>
</div>

<p class="register_title form">Hello</p>

Answer 1

你需要删除这个

    var title = $(".register_title").val();

这样

    var title = $(".register_title").text();

.val() 用于输入、选择和文本区域等元素： .val() 文档

Answer 2

如果是输入

var title = $(".register_title").val();

如果不是输入

var title = $(".register_title").text();