jquery-data

Here is a way to append file to FormData : var data = new FormData(); jQuery.each($('#file')[0].files, function(i, file) { data.append('file-'+i, file); }); is it possible to do as below ? data[i].remove();??? or data[i] = file;?? how iIcan remove or modify a value from data You cannot do anything other than append items to a FormData object. See the Spec . It would be better if you use a dictionary/object to store all the values you want to add/modify before you actually construct the object. var data = {}; jQuery.each($('#file')[0].files, function(i, file) { data['file-'+i] = file; }); /

I have not found what is the use of jquery function data() . Can anyone give me some example of how it can be used? Doug Neiner Its really useful for associating various objects, strings, arrays, etc with a DOM element. Here is a fun hypothetical use: $(document).ready(function(){ $("a").each(function(index, el){ if(index % 2 == 0) $(this).data('coolColor', 'Orange'); // Set the data else $(this).data('coolColor', 'Purple'); // Set the data }).click(function(e){ alert($(this).data('coolColor')); // Retrieve the data e.preventDefault(); }); }); This would select every a tag, and set Orange if

I use data attributes extensively for managing data in client side events. Is it possible to assign value dynamically to a data attribute using javascript or jquery? <li data-class_value="somevalue" class="myclass"></li> $('.myclass').click(function(){ $(this).data('class_value') = "new value"; }); The above javascript code throws the error: "Uncaught ReferenceError: Invalid left-hand side in assignment". Could someone please tell me how this can be achieved? You need to do $(this).data('class_value', "new value"); I believe the answers above would only set the data object on that element

Where does jQuery store the values of the data() that it sets to DOM objects? Is there some kind of variable like jQuery.dataDb or something, maybe even something private? Is there any way to gain access to this object? Internally, jQuery creates an empty object called $.cache , which is used to store the values you set via the data method. Each DOM element you add data to, is assigned a unique ID which is used as a key in the $.cache object. jQuery gets or sets data in 3 different ways for 3 different type of object. For DOM element, jQuery first get a unique id, than create a custom property