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

Question

This is my html code

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

This is my javascript

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

                retrieveProgressbar();

I need the value retrieved by ajax to be displayed in the data-percent="". I am not sure how to do that. I have another javascript that needs to use this value to execute.

Answer 1

Need to use .attr() method.

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

The proper way to assign data on jquery is

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

The .data() method allows us to attach data of any type to DOM elements in a way that is safe from circular references and therefore from memory leaks.

You can retrieve the data by:

var value = $( "div" ).data( "percent" );

---

.attr() on the other hand set/get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element.

It does not attach data of any type to DOM elements.

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

Sources: https://api.jquery.com/data/

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

Answer 3

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

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