jquery,html , Is appending the html faster than pasting it multiple times?
Is appending the html faster than pasting it multiple times?
Question:
Tag: jquery,html
Say that I have a <div class="statistics"></div> that I need placed in 5 different places in a single HTML page. That statistics div has a 6 row long list.
My question is this..
Is it faster to use:
<div class="statistics"></div>
and then use jquery like this:
$( ".statistics" ).append( $(<ul><li>content</li><li>content</li><li>content</li><li>content</li><li>content</li><li>content</li></ul>'));
...rather than copy/paste the code in those 5 different places ?
Answer:
If you want faster and efficient with use of jQuery we can use it with native js
$('.statistics').each(function(i) {
var newDOM = document.createElement('ul');
newDOM.innerHTML = '<li>content</li><li>content</li><li>content</li><li>content</li><li>content</li><li>content</li>';
this[i].appendChild(newDOM);
});
Related:
html,angularjs
Is that possible to insert HTML elements in an Angular expression ? Let's take a few example. I would like to do something like this: <table> <tr ng-repeat="employee in employees"> <td>{{employee.firstname ? employee.firstname : '<p style="color:red">No name</p>'}}</td> <td>{{employee.job}}</td> </tr> </table> In our controller, we have: $scope.employees = [{firstname:'Bob', job:'Developer'}, {firstname:'Paul',...
jquery
Can I write jQuery( "body" ).append('Hello') instead of $( "body" ).append('Hello') in jQuery
javascript,html,css,image
I have two images side-by-side within a block-level container with arbitrarily different dimensions (as in, they could be any two images) that I want to dynamically adjust the width of so that the overall height of the two images is the same. I don't think this can be done in...
javascript,html,css
Let's say that I have <div id="printOnly"> <b>Title</b> <p> Printing content </p> </div> Is it possible to hide this div when page rendering and to show only when printing this div?...
jquery,html,css,drop-down-menu
I have the following Dropdownlist with yes or no options-:` <asp:DropDownList ID="ddlchangecss" runat="server"> <asp:ListItem Text="yes">yes</asp:ListItem> <asp:ListItem Text="no"></asp:ListItem> </asp:DropDownList> i want to add a css dynamically like that-: .imgFullWidth { width: 100%; height: auto; float: left; margin: 0px 0px 20px 0px; } when I select yes option in Dropdownlist. How can...
javascript,jquery,html,json,html5
When i debug my code i can see i have value but i don't get value to createCheckBoxPlatform FN function createCheckBoxPlatform(data) { var platform = ""; $.each(data, function (i, item) { platform += '<label><input type="checkbox" name="' + item.PlatformName + ' value="' + item.PlatformSK + '">' + item.PlatformName + '</label>' +...
jquery,html
I have two tables. I want to delete unmatching rows. Compare with first column in Table1 and compare with first column in Table2. Table1 111 aaa 222 bbb 333 ccc Table2 333 xxx 444 zzz 111 vvv result of Table2 333 xxx 111 vvv I tried some thing here Please...