javascript - 如果 data-progress="50" 改变 data-progress-text

Question

我的页面上有一个加载器，它的 html 如下所示：

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

我想写一个可以改变从 何时data-progress-text到 的JS 。data-progress is 50"Loading 50 / 100""Almost there!"

我不知道从哪里开始，任何帮助将不胜感激。

if ( $('.pace-progress').attr('data-progress-text') == '50' ) {
(".pace-progress").attr("data-progress-text") == "Almost there!"}

Answer 1

使用 setInterval 定期检查值并更新相应的属性：

setInterval(fucntion(){
   if ( $('.pace-progress').attr('data-progress') == '50' )
      $(".pace-progress").attr("data-progress-text", "Almost there!");
}, 500);

Answer 2

==用于比较一个值

=用于赋值

也就是说，由于您使用的是 jQueryattr方法，因此您无法分配这样的值。该方法本身接受第二个参数来确定它是 getter 还是 setter。

jQuery 文档非常完整，在提问之前您绝对应该使用它们