如何使用jQuery更改元素的文本值?

时间:2018-12-11 20:05:04

标签: javascript jquery html

当前,我正在尝试更改正在使用的(HTML)状态栏的某些属性,而我唯一无法更改的部分是以下内容:

<div class="progress-bar" id="progress" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">50%</div>

括号内的50%是我要更改的值。

当前我有代码:

$("#progress").attr("style", "width: " + percentagecontract);
$("#progress").attr("aria-valuenow", percentagenumber);
$("#progress").val(percentagecontract);

第三行是我要实现更改的行。可变的百分比合同已经返回了正确的值(在测试时刻为65%)。

另外2行可以更改我需要的值,只有这一行丢失了。

1 个答案:

答案 0 :(得分:3)

可以通过.text()这样的方法来实现:

$("#progress").attr("style", "width: " + percentagecontract);
$("#progress").attr("aria-valuenow", percentagenumber);

// $("#progress").val(percentagecontract); Remove this line

$("#progress").text('**' + percentagecontract + '%**');

有关文本方法的更多信息,请参见jQuery documentation