如果 data-progress="50" 改变 data-progress-text答案

【问题标题】：if data-progress="50" change data-progress-text如果 data-progress="50" 改变 data-progress-text
【发布时间】：2016-05-26 18:08:28
【问题描述】：

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

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

我想写一个JS，可以改变data-progress-text当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!"}

【问题讨论】：

你试过什么代码？通常人们喜欢提供帮助，但这似乎是您要求我们只做您的工作，而您没有自己做任何事情来让它工作。
对，所以...当数据进度更改并变为“50”时，更新其他属性。真的就是这么简单。
啊哈哈，你让事情变得简单了@KevinB。
我将尝试代码并更新问题@ErikPhilips。
你有什么 JavaScript 或 jQuery 来更新 data-progress 属性？它会触发任何可以响应的事件吗？

标签： javascript jquery progress pace.js pace

【解决方案1】：

== 用于比较值

= 用于赋值

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

jQuery docs 非常完整，您一定要在提问之前使用它们

【讨论】：

【解决方案2】：

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

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

【讨论】：