jquery - 如何使用 Jquery 替换 span 元素中的文本？

Question

我正在尝试获取 #percent 量以更改为被单击的 li 中包含的文本。请有人帮我修复我的代码，谢谢!

<div id="percentchooser">
<ul>
    <li>25</li>
    <li>30</li>
    <li class="selectedpercentage">35</li>
    <li>40</li>
    <li>45</li>
    <li>50</li>
</ul>
<div id="percentage"><span id="percentamount">35</span><span id="percentsign">%</span>

</div>

$("#percentchooser li").click(function () {

    var percentage = $(this).html();

    $("#percentchooser li").removeClass("selectedpercentage");
    $(this).addClass("selectedpercentage");

    $("#percentageamount").html(percentage);


});

Answer 1

您似乎引用了错误的 ID，跨度的 ID 在您的 HTML 示例中是 percentageamount 但您在脚本中将其引用为 percentageamount:

$("#percentchooser li").click(function () {
    var percentage = $(this).html();

    $("#percentchooser li").removeClass("selectedpercentage");
    $(this).addClass("selectedpercentage");

    $("#percentamount").html(percentage);
});

那些改变了它似乎工作。

---

DEMO - 使用 #percentamount 代替

---