是否可以通过jquery将值传递到<div数据值=" " >？

Question

这是我的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检索到的值显示在数据percent="中。我不知道该怎么做。我有另一个javascript需要使用这个值来执行。

Answer 1

需要使用.attr()方法

<div  data-percent="" id="datadiv"></div>
<script>
function retrieveProgressbar() {
$.ajax({
type: "post",
url: "retrieveprogressbar.php",
data: "progressbar",
success: function (data) {
//$("#datadiv").attr("data-percent", data);
// OR
$(this).attr("data-percent", data);
}
});
}
retrieveProgressbar();
</script>

Answer 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/

Answer 3

是的，您可以使用.attr(函数。

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