jquery操作ul

View Code

< html >
< head >
< script  type ="text/javascript"  src ="jquery-1.6.2.min.js" ></ script >
< script >
function  exchangePosition()
{
     // alert($("#list>li").size());
     // alert($("#list>li").length);
     // alert($("#li1").insertAfter($("#li2")));
    alert($( " #li3 " ).insertBefore($( " #li2 " )))
     // alert($("#li1").before().html());
    alert($( " #li3 " ).index());
     var  len  =  $( " #ul>li " ).length;
    
    
    $( " #list " ).children( " li " ).eq( 0 ).css( " background-color " , " red " );
    $( " #list " ).children( " li " ).eq(len - 1 ).css( " background-color " , " green " );    
}

window.onload  =   function (){
    exchangePosition();
}
</ script >

</ head >
< body >
< ul  id ="list" >
< li  id ="li1" > 11 </ li >
< li  id ="li2" > 22 </ li >
< li  id ="li3" > 33 </ li >
</ ul >
</ body >
</ html >

转载于:https://www.cnblogs.com/applesuch5/archive/2011/07/28/2119078.html