Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

34 lines (32 sloc) 1.987 kB
<?xml version="1.0"?>
<entry type="selector" name="lt" return="">
<title>:lt() Selector</title>
<sample>:lt(index)</sample>
<signature>
<added>1.0</added>
<argument name="index" type="Number">
<desc>Zero-based index.</desc>
</argument>
</signature>
<desc><![CDATA[Select all elements at an index less than <code>index</code> within the matched set.]]></desc>
<longdesc>
<p>
<strong>index-related selectors</strong>
</p>
<p>The index-related selectors (including this "less than" selector) filter the set of elements that have matched the expressions that precede them. They narrow the set down based on the order of the elements within this matched set. For example, if elements are first selected with a class selector (<code>.myclass</code>) and four elements are returned, these elements are given indices 0 through 3 for the purposes of these selectors.</p>
<p>Note that since JavaScript arrays use <em>0-based indexing</em>, these selectors reflect that fact. This is why <code>$('.myclass:lt(1)')</code> selects the first element in the document with the class <code>myclass</code>, rather than selecting no elements. In contrast, <code>:nth-child(n)</code> uses <em>1-based indexing</em> to conform to the CSS specification.</p>
</longdesc>
<note id="jquery-selector-extension-alt" type="additional" data-selector=":lt()" data-alt="$(&quot;your-pure-css-selector&quot;).slice(0, index)"/>
<example>
<desc>Finds TDs less than the one with the 4th index (TD#4).</desc>
<code><![CDATA[$("td:lt(4)").css("color", "red");]]></code>
<html><![CDATA[<table border="1">
<tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
<tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
<tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>]]></html>
</example>
<category slug="selectors/basic-filter-selectors"/>
<category slug="selectors/jquery-selector-extensions"/>
<category slug="version/1.0"/>
</entry>
Jump to Line
Something went wrong with that request. Please try again.