点击事件后无法更新HTML字段的内容

Question

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

我也可以用更短的方式做到这一点，因为它重复一行后看起来不太好。

由于

JQUERY：

$(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();

.value（）用于输入，选择和textarea等元素： .val() documentation

Answer 2

如果是输入

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

如果它不是输入

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