値をとってデータ属性に挿入

Question

.total-percentにある番号を取得し、それを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> 

I現在の値を取り、どこか別の場所にそれを挿入するが、それはどのように私は、データ属性でそれを行うことができ、単純なdiv要素だだ、このjQueryの持っていますか？

<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

コードにデータ属性はありません。あなたは.attr()を使用することによりaria-valuenowを更新することができます。

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.