jquery selector speed

JavaScript performance comparison

Revision 70 of this test case created by mateus

Preparation code

<div id="container">
<div><div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas.

Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus.

Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.</div>

<div><h1>the first part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>

<div><h1>the second part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>
</div>
<div><div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas.

Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus.

Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.</div>

<div><h1>the first part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div><</li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>

<div><h1>the second part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>
</div>
<div><div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas.

Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus.

Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.</div>

<div><h1>the first part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>

<div><h1>the second part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>
</div>
<div><div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas.

Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus.

Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.</div>

<div><h1>the first part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>

<div><h1>the second part</h1><div><div>
<table class="table1"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table2"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table3"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table4"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
<table class="table5"><tr><td class="first">the first line of text<ul>
        <li><div>1</div></li>
        <li class="target">2</li>
        <li><div>3</div></li>
        <li><div>4</div></li>
        <li><div>5</div></li>
        <li><div>6</div></li>
        <li><div>7</div></li>
        <li><div>8</div></li>
        <li><div>9</div></li>
        <li class="target">10</li>
        <li><div>11</div></li>
        <li><div>12</div></li>
        <li><div>13</div></li>
        <li><div>14</div></li>
</ul><td class="second">the second line of text<td class="third">the third line of text</td></td></td></tr></table>
</div></div></div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas. Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus. Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.

the first part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text

the second part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas. Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus. Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.

the first part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
    <
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text

the second part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas. Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus. Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.

the first part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text

the second part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero at libero viverra volutpat eu rhoncus mauris. Proin non velit lectus, quis sodales lectus. Nullam dolor dolor, lobortis quis consectetur nec, cursus eget ipsum. Cras posuere fringilla velit a convallis. Vivamus laoreet augue vel nibh eleifend sit amet euismod nisi gravida. Praesent sed velit at neque vulputate sollicitudin aliquam eget leo. Nunc id nisi nulla, non fringilla dui. Nam rhoncus velit in arcu varius vitae fermentum tortor egestas. Morbi sagittis quam sit amet metus pharetra at elementum lectus fringilla. Nullam lobortis, neque sed ultricies ultricies, enim nulla condimentum nisl, nec posuere nisl nisi sit amet turpis. Nunc interdum eros congue eros euismod hendrerit ut eget lectus. Nam sagittis, nunc non aliquet dignissim, diam est egestas eros, sit amet elementum orci lacus vitae nunc. Nulla aliquet, sem sit amet vulputate congue, sem mi adipiscing nisi, vitae ornare turpis lorem fringilla urna. Nam id ligula varius dolor consequat gravida. Donec nisl turpis, adipiscing a convallis nec, pellentesque a metus. Proin et enim id metus consectetur ultrices ac vel mi. Quisque vehicula diam sed leo sagittis et luctus velit laoreet. Suspendisse sit amet nunc eget dui convallis congue et sit amet felis. Morbi tempor dignissim lacus, sit amet pharetra nisi bibendum vitae. Curabitur cursus cursus justo vel lobortis. Curabitur condimentum eleifend dapibus. Etiam hendrerit purus eu quam posuere id consequat est blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pellentesque ante quis urna dapibus quis malesuada nisl pretium. Quisque condimentum elit sit amet ipsum interdum adipiscing rhoncus sapien viverra. Maecenas accumsan vestibulum neque, a blandit turpis consectetur eget. Aliquam quis lobortis elit. Nam placerat consectetur felis, vel vulputate massa posuere et. Curabitur in dapibus nisi. Vivamus non iaculis odio. Nam pretium tempor molestie. Sed diam mi, lacinia vel vestibulum quis, porttitor non nisi. Etiam ultricies elit quis purus eleifend placerat.

the first part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text

the second part

the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text
the first line of text
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
the second line of textthe third line of text

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
$('div#container ul li.target')
$('div#container ul li.target').css('border', '1px solid red');
pending…
$('div#container li.target')
$('div#container li.target').css('border', '1px solid red');
pending…
$('div#container .target')
$('div#container .target').css('border', '1px solid red');
pending…
$('#container ul li.target')
$('#container ul li.target').css('border', '1px solid red');
pending…
$('#container li.target')
$('#container li.target').css('border', '1px solid red');
pending…
$('#container .target')
$('#container .target').css('border', '1px solid red');
pending…
$('ul li.target')
$('ul li.target').css('border', '1px solid red');
pending…
$('li.target')
$('li.target').css('border', '1px solid red');
pending…
$('.target')
$('.target').css('border', '1px solid red');
pending…
$('#container').find('.target')
$('#container').find('.target').css('border', '1px solid red');
pending…
$('ul').find('.target')
$('ul').find('.target').css('border', '1px solid red');
pending…
$('li').filter('.target')
$('li').filter('.target').css('border', '1px solid red');
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment