jQuery için data grid

Okunma Sayısı : 738
HTML

<h3>Enter Name : </h3>

<div id="auto_box">
<input type="text" />
<div class="list_name none">
<p>Prashant</p>
<p>Arun</p>
<p>Sunny</p>
<p>Girish</p>
<p>Vikas</p>
<p>Raghubir</p>
<p>Sameer</p>
<p>John</p>
<p>Steve</p>
<p>Ember</p>
<p>Nichole</p>
<p>Tom</p>
</div>
</div>

jQuery

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
$( function() {
$(‘#auto_box input’).bind(‘keyup’,function( e ){
if( e.keyCode == 40 ) {
if( $( ‘.highlight’ ).length < 1 ) {
$(‘.list_name p:first’ ).addClass( ‘highlight’ );
} else {
if( $( ‘.highlight’ ).next().length < 1 ) {
$( ‘.highlight’ ).removeClass( ‘highlight’ );
$(‘.list_name p:first’ ).addClass( ‘highlight’ );
} More >