You can clone it to get the entire contents, like this: var html = $(“<div />”).append($(“#div1″).clone()).html(); Or make it a plugin, most tend to call this “outerHTML”, like this: jQuery.fn.outerHTML = function() { return jQuery(‘<div />’).append(this.eq(0).clone()).html(); }; Then you can just call: var html = $(“#div1”).outerHTML();
If you have a browser that doesn’t support the calc expression, it’s not hard to mimic with jQuery: $(‘#yourEl’).css(‘width’, ‘100%’).css(‘width’, ‘-=100px’); It’s much easier to let jQuery handle the relative calculation than doing it yourself.
Another way $(‘input:text’).filter(function() { return $(this).val() == “”; }); or $(‘input:text’).filter(function() { return this.value == “”; }); or // WARNING: if input element does not have the “value” attribute or this attribute was removed from DOM then such selector WILL NOT WORK! // For example input with type=”file” and file does not selected. // It’s … Read more
The easy way The easiest way is to use the .ajaxStop() event handler: $(document).ajaxStop(function() { // place code to be executed on completion of last outstanding ajax call here }); The hard way You can also manually detect if any ajax call is still active: Create a variable containing number of active Ajax connections: var … Read more
Add the Access-Control-Allow-Origin header from the server Access-Control-Allow-Origin: https://www.mysite.com http://en.wikipedia.org/wiki/Cross-Origin_Resource_Sharing
The browser cannot give access to 3rd party cookies like those received from ajax requests for security reasons, however it takes care of those automatically for you! For this to work you need to: 1) login with the ajax request from which you expect cookies to be returned: $.ajax(“https://example.com/v2/login”, { method: ‘POST’, data: {login_id: user, … Read more
In short: .bind() will only apply to the items you currently have selected in your jQuery object. .live() will apply to all current matching elements, as well as any you might add in the future. The underlying difference between them is that live() makes use of event bubbling. That is, when you click on a … Read more
You should be able to use the readonly attribute on the text input, and jQuery will still be able to edit its contents. <input type=”text” id=’foo’ readonly=’true’>
In stead of parsing JSON you can do like followng: $.ajax({ .. dataType: ‘json’ // using json, jquery will make parse for you }); To access a property of your JSON do following: data[0].name; data[0].address; Why you need data[0] because data is an array, so to its content retrieve you need data[0] (first element), which … Read more
You can simply set to null the file path every time user clicks on the control. Now, even if the user selects the same file, the onchange event will be triggered. <input id=”file” onchange=”file_changed(this)” onclick=”this.value=null;” type=”file” accept=”*/*” />