是否可以通过jquery将值传递给<div data-value =“”>?

时间:2018-01-05 13:58:02

标签: javascript jquery html ajax

这是我的HTML代码

<div  data-percent="" ></div>

这是我的javascript

 function retrieveProgressbar(){
                  $.ajax({
                    type:"post",
                    url:"retrieveprogressbar.php",
                    data:"progressbar",
                    success:function(data){
                    $(this).data("percent").html(data); 
                    }
                  });
                }

                retrieveProgressbar();

我需要将ajax检索到的值显示在data-percent =“”中。我不知道该怎么做。我有另一个需要使用此值来执行的javascript。

3 个答案:

答案 0 :(得分:3)

需要使用.attr()方法。

null

答案 1 :(得分:2)

HTML:

<div  data-percent=""></div>

在jquery上分配 data的正确方法是

var new_data_value = "I will be the new value.";
$("div").data("percent",new_data_value);    

.data()方法允许我们以一种不受循环引用和内存泄漏的方式将任何类型的数据附加到DOM元素。

您可以检索数据:

var value = $( "div" ).data( "percent" );
另一方面,

.attr()设置/获取匹配元素集中第一个元素的属性值,或者为每个匹配元素设置一个或多个属性。

它不会将任何类型的数据附加到DOM元素。

$("div").attr("data-percent",data_value); 

来源: https://api.jquery.com/data/

http://api.jquery.com/attr/

答案 2 :(得分:1)

是的,您可以使用.attr(功能。

$(this).attr("data-percent", your_value);