是否可以將價值傳遞給 <div data-value=“” > 通過jQuery？

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檢索的值才能顯示在data-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);