Numeric DL 2.0
Created Sunday 31st of August 2008 by Andreas Lagerkvist
Copyright © 2008 Andreas Lagerkvist (andreaslagerkvist.com)
What it Does
This tiny plug-in numbers definitions in a definition-list if there are more than one definition for a term. Can be useful for FAQs, actual lists of definitions etc.
How to Use
jQuery('#glossary dl').numericDL();
Example
- Jug
- A small pitcher.
- Vulgar Slang. A woman's breasts.
- Bird
- The animal of the skies
Example Code
HTML
<div id="jquery-numeric-dl-example">
<dl>
<dt>Jug</dt>
<dd>A small pitcher.</dd>
<dd>Vulgar Slang. A woman's breasts.</dd>
<dt>Bird</dt>
<dd>The animal of the skies</dd>
</dl>
</div>
JS
jQuery('#jquery-numeric-dl-example dl').numericDL();
Source Code
jQuery.fn.numericDL = function () {
return this.each(function () {
jQuery('dt', this).each(function () {
var numDDs = 0;
var dt = jQuery(this);
var dd = dt.next('dd');
var i = 1;
while (dd.length) {
dd = dd.next('dd');
numDDs++;
}
if (numDDs > 1) {
dd = dt.next('dd');
while (dd.length) {
dd.text('(' + i++ + ') ' + dd.text());
dd = dd.next('dd');
}
}
});
});
};