j query Alterar parâmetros com J Query

[mateusottobr 0]

Fala galera tudo certo ? minha duvida é a seguinte:
Tenho uma div de class="progress-wrap progress", e dentro dela no próprio HTML existe 2 parâmetros chamados data-progresspercent="0" e outro data-speed="1000",preciso alterar esses 2 parâmetros com j query, como poderia fazer ?

segue a div.

<div class="progress-wrap progress" data-progresspercent="100" data-height="5px" data-width="100%" data-speed="1000" data-color="0BAE72">

já tentei...

$(function carregar() {
        $(".progress-wrap progress").attr("data-progresspercent","50");
});

mas não funciona, exibi também esses mesmos valores na tela com um alert, mais retornou como undefined.

Obrigado!

[wootzor 103]

Experimenta com:

$(".progress").data("progresspercent", 50);

O método data() devolve todos os atributos data-* de um elemento.

[Douglas Julião 34]

$(document).ready(function(){
var div = $('.progress-wrap');

	var executaLogs = function(){
  	console.log('USANDO ATTR',div.attr('data-progresspercent'));
  	console.log('USANDO DATA',div.data());
  	console.log('USANDO PROP',div.prop('dataset'));
  }
  
  executaLogs();
  
  div.attr('data-progresspercent','66');
  div.data('height','55px');
  div.prop('dataset').width = '77%';
  
  setTimeout(function(){
    executaLogs();
  },4000);
});

Teoricamente essas maneiras funcionam...

https://jsfiddle.net/douglasjuliao/wftwv9x7/

 

 

  div.attr('data-progresspercent','66');
  div.data('height','55px');
  div.prop('dataset').width = '77%';