jQuery Articles - Page 38 of 46

jQuery.html() methodThe html() method gets the html contents (innerHTML) of the first matched element. This property is not available on XML documents.ExampleYou can try to run the following code to learn how to work with jQuery.html() method in jQuery:Live Demo           jQuery html() method                          $(document).ready(function() {             $("div").click(function () {                var content = $(this).html();                $("#result").html(content);             });   ... Read More

jQuery map functionThe map method translates a set of elements in the jQuery object into another set of values in a jQuery array which may, or may not contain elements.ExampleYou can try to run the following code to learn how to work with jQuery.map() method:Live Demo           jQuery Map Method                              $(document).ready(function(){                         var mappedItems = $("li").map(function (index) {                var replacement = ... Read More

jQuery traversing is used to find elements based on what is their relation twith other elements. You need to begin with one selection and move ahead till you the reach the elements you want.jQuery is a very powerful tool which provides a variety of DOM traversal methods to help us select elements in a document randomly as well as in sequential method.Let’s filter out the elements by traversing. The filter( selector ) method can be used to filter out all elements from the set of matched elements that do not match the specified selector(s).ExampleThe selector can be written using any ... Read More

The jQuery map function translates a set of elements in the jQuery object into another set of values in a jQuery array which may, or may not contain elements. The grep() function is used to find an element of an array. The difference is we use $.grep to filter an array and $.map to apply a function to each item in the array.jQuery map functionThe map method translates a set of elements in the jQuery object into another set of values in a jQuery array which may, or may not contain elements.The following are the parameters of jQuery.map() method:callback − ... Read More

To filter object array based on attributes in jQuery, use the map() method with JSON.ExampleYou can try to run the following code to learn how to filter object array based on attributes in jQuery,Live Demo $(document).ready(function(){    $(document).ready(function(){     var json ={"DEPARTMENT": [             {                 "id":"1",                 "deptemp":"840",                 "shares":"1100",                           },             {                 "id":"2",                 "deptemp":"1010",                 "shares":"1900",                   }, {                 "id":"1",                 "deptemp":"350",                 "shares":"510",             },             {                 "id":"2",                 "deptemp":"575",                 "shares":"1900",             }]};            json.DEPARTMENT = $.map(json.DEPARTMENT,function(val,key) {               if(Number(val.deptemp) = 500) return val;            });         for(var i in json.DEPARTMENT)        $("p").html("Department Employees: "+json.DEPARTMENT[i].deptemp+" ,  Shares:"+json.DEPARTMENT[i].shares)     }); });

The grep() method finds an element and the filter() method returns elements matching a specific criteria.jQuery grep functionExampleThe grep() function is used to find an element of an array. You can try to run the following code to learn how to work with grep(), Live Demo   jQuery grep() function     div {     color: blue;   }   p {     color: red;     margin: 0;   }       var arr1 = [ 1, 7, 4, 8, 6, 1, 9, 5, 3, 7, ... Read More

The jQuery closest and parents method is used to set or get the first or all ancestor element, matching the selector. Let's see the difference below:jQuery closest() methodThe closest() method begins with the current element and returns only the first ancestors matching the passed expression. This returned jQuery object has zero or one element.ExampleYou can try to run the following code to learn how to work with jQuery closest method −Live Demo .myclass * {     display: block;     border: 2px solid blue;     color: red;     padding: 5px;     margin:10px; } ... Read More

jQuery add() methodIf you want to add element to an existing group of elements, then use the add() method.ExampleYou can try to run the following code to learn how to work with jQuery.add() method:Live Demo   $(document).ready(function(){     $("h1").add("span").css("background-color", "yellow");   }); Tutorialspoint Text Tutorials for free. Video Tutorials for free. jQuery append() methodThe append() method appends content to the inside of every matched element.ExampleYou can try to run the following code to learn how to work with jQuery append() method:Live Demo             ... Read More

To get substring of a string in jQuery, use the substring() method. It has the following two parameters:from: The from parameter specifies the index where to start the substring.to: The to parameter is optional. It specifies the index where to stop the extraction. This is an optional parameter, which extracts the remaining string, when nothing is mentioned.ExampleYou can try to run the following code to learn how to get substring of a string in jQuery:Live Demo           jQuery subtring                             ... Read More

You are thinking correctly for your requirement. What you can do is, use the read method for each entityset to read the oData. In the success callback for this method, you can parse the result objects into a corresponding JSON model.Now, you can have working logic as per which:When you online, uses the additional layer to fill the JSON model from the oData that has been readWhen offline, you can read from local storage.