javascript - Attach an HTML block "more times" by avoiding code repetitions -



javascript - Attach an HTML block "more times" by avoiding code repetitions -

supposing i've block mybox defined follows:

<div class="myboxclass" id="mybox"> <h1>my box</h1> <a href="#"><img src="http://placehold.it/350x150" alt="my picture" /></a> <p>lorem ipsum...</p> </div>

then, i've defined 2 containers, containera , containerb:

<div id="containera"> <!-- attach mybox --> </div> <div id="containerb"> <!-- attach mybox --> </div>

i'd attach mybox within 2 containers, avoiding code repetitions.

which best way that?

note: i'm looking client-side solution, useful define responsive sections.

you can by,

$("#containera,#containerb").html($('.myboxclass').clone());

but aware id going repeated. makes html invalid.

demo

and can avoid redundancy giving them unique id after placing them dom,

$("#containera,#containerb") .html($('.myboxclass').clone()) .find('.myboxclass').attr('id', function (i,val) { homecoming val + (i+1); }); demo

if give html construction of myboxclass differs from, shown here, means of additional elements id should write code per t.j said,

$("#containera,#containerb") .html($('.myboxclass').clone()) .find('[id]').attr('id', function (i,val) { homecoming val + (i+1); });

javascript jquery html css

Comments

Post a Comment

Popular posts from this blog

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory - i have code emails me notification when happens. trying add together page , also remove dependency on email. for reference; have name of notification want send stored string in database. @ runtime have list of people , string representation of want receive. i thought dependency injection ninject, kernel bindings got big , seemed hacking together. then thought simple factory, activator.createinstance(email/page) inotifcation, don't know how handle differing constructor parameters (unless utilize common, complex property, employee, has info need). so far have this: public interface inotification { void sendmessage(); } public class email: inotification { private readonly string _toemailaddress; private string body { { homecoming "email"; } } private static string smtphost { ...
Read more

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more