Question

如何使用.total-percent中的数字并使用Jquery将其插入aria-valuenow？

<div class="progress" role="progressbar" tabindex="0" aria-valuenow="" aria-valuemin="0" aria-valuemax="100">
  <span class="progress-meter" style="width: 25%">
    <p class="progress-meter-text"><span class="total-percent-container">% complete</span></p>
  </span>
</div>

我目前正在使用这个Jquery来获取值并将其插入其他地方，但这只是一个简单的div，我该如何使用数据属性呢？

<script>
jQuery(function($) {

    $(document).ready(function() {      

        // Move project timescales and completion to top of page
        $('.total-percent').contents().prependTo('.total-percent-container');

    });

});
</script>

Answer 1

您的代码中没有数据属性。您可以使用aria-valuenow：

更新.attr()

var currentProgress = $('.total-percent').text();
$('.progress').attr('aria-valuenow',currentProgress);

另请注意，仅通过设置上面的值（因为已经呈现了进度条），它不会改变条的宽度。你需要使用css修改宽度。

$('.progress-meter').css('width',currentProgress);

Answer 2

您可以使用以下内容更改属性：

$('.progress').attr("aria-valuenow", "321"); //change the attribute to 321.

获取值并将其插入数据属性

2 个答案: