I have custom data stored on elements using jQuery.data() method.  <div id="mydiv" data-test='{"1":"apple", "2":"banana"}'>Custom data</div>   I know I can access individual keys of the obje...

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();???...

Let's say I have to remember the initial height of certain element. A common practice I see is to save this value with $.data on that element.  I fail to understand the benefits of this. Why not simply keep a simple variable with that value, or a...

I'm using the html5 "data" attribute on a element, and I want to assign the attribute value to a variable only if it exists and if it's not empty:  var xxx = $(this).data('what') ? $(this).data('what') : 'default_v...

I have an weird issue with jquery data function. Here is the fiddle  As you can see I update the active data but I cannot see the dom data-active attribute value change, although I re-query the active data, It writes the changed value. $.data() do no...

I am changing the data-demo attribute of a div element and when I want to check it with in another event, it always shows me the initial value of it instead of the current value.  This is the code I am using:  $('#showValue').click(function()...

I often read it's bad practice, because it's hard to maintain, but doing:  document.getElementsByTagName("h1")[0].foo = {"key":"value"};   compared to using the recommended jQuery alterantive:  $.data($(document.getEle...

i am trying to use jQuery.data() and save an Object to my HTML-Elements. Everytime i add an list-Element to my unordered List it only saves the last object to the specific li-Element. Every other li-Elements saved data gets thrown away!    I've b...

I'm having trouble updating elements from JavaScript. My project is fairly complex but here's a tiny piece of it:  myWebService(/*...*/) .done(function (result) {     var newRows = $(rows).clone();     $('#drop-placeholder').after(new...

I am looking for a way to manage the events. I have a hover function for element A, and click function for element B. I want to disable A`s hover function temporary while the second click of B.  I am looking for a way that not necessary to rewrite th...