加载后更改数据进度文本中的文本

Question

我有一台装载机：

<div class="pace-progress" data-progress-text="Loading 100 / 100" data-progress="99" style="transform: translate3d(100%, 0px, 0px);"></div>

当它达到100时，我想用新文本替换"Loading 100 / 100"。

我想我需要更改"data-progress-text"属性，我该怎么做？

我正在尝试此功能，但它不起作用：

$(window).load(function() {
    Pace.on('done', function() {
        $('.pace.pace-inactive').innerHTML = 'YAY!';
    });
});

Answer 1

你可以这样做

$(window).load(function() {
    Pace.on('done', function() {
        $(".pace-progress").attr("data-progress-text", "new text");
    });
});

Answer 2

您可以使用原生JavaScript

document.querySelector('.pace-progress').dataset.progressText = value;

或与jQuery相同

$('.pace-progress').data('progressText').val(value);

您也可以使用#attr()，但我认为最好使用专用方法。