passing variables to .load(html) in jQuery

Question

Say I have jquery code like this:

html += '<div class="index">' + item.index + '</div>';

// many more similar html += statements

// load items
$('div').append(html);

This html is getting too unmanageable, so I'd like to move it to an external file. What's the best way to pass variables to the HTML as i load it? Do i just have to load it and then put jquery commands in the first JS file? That's what it seems like, but I'd rather use a more template-like method.

Javier · Accepted Answer · 2008-10-17 21:55:15Z

6

put HTML where it belongs, in the HTML file. then use a templating plugin on jQuery to expand it.

some template plugins:

answered Oct 17, 2008 at 21:55

Javier

63.1k9 gold badges82 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zachary Scott Over a year ago

I have been looking for a client side replacement for the ASPx Repeater. Looks like you nailed it. Thanks so much. helpful++

Collectives™ on Stack Overflow

passing variables to .load(html) in jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related