eq, gt, lt selector

eq, gt, lt selector

by Mingtao Sun

HTML

<ul id='ul1'>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
</ul>


<div id ='log1'></div>
<hr/>
<div id ='log2'></div>
<hr/>
<div id ='log3'></div>
<hr/>

JavaScript

$(function() {
    var element = $('li :eq(0)');
    element.each(function(){
		    $('#log1').append($(this).text()+ ' ');    
    });
    
    element = $('li :gt(2)');
    element.each(function(){
		    $('#log2').append($(this).text()+ ' ');    
    });
    
    element = $('li :lt(2)');
    element.each(function(){
		    $('#log3').append($(this).text()+ ' ');    
    });
});