a jquery plugin for filling out mock-ups
HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md
jquery.repeat.js
test.html

README.md

jquery.repeat

http://brm.io/jquery-repeat

For filling out mock-ups, making it easy to duplicate blocks of sample content during development.

Demo

See the demo.

Usage

$(<selector>).repeat(n [, target, deepClone])

Where:
n is the number of times to repeat the selection
target (optional) where to append the clones, otherwise appends to parents
deepClone (optional) whether to perform a deep clone, default is false

Every selected element is then cloned n times and inserted into to their respective parent(s) after the last element in the selection, or target if specified

Returns: the newly generated clones (for example, if you need to bind them)

Example

$('ul li').repeat(2);

will create 2 clones of every li element and append to their respective parent elements

<ul>
	<li>Sample 1</li>
	<li>Sample 2</li>
</ul>
<ul>
	<li>Sample 3</li>
	<li>Sample 4</li>
</ul>

using the above example, would become

<ul>
	<li>Sample 1</li>
	<li>Sample 2</li>
	<li>Sample 1</li>
	<li>Sample 2</li>
	<li>Sample 1</li>
	<li>Sample 2</li>
</ul>
<ul>
	<li>Sample 3</li>
	<li>Sample 4</li>
	<li>Sample 3</li>
	<li>Sample 4</li>
	<li>Sample 3</li>
	<li>Sample 4</li>
</ul>

See the included test.html for example usage