Enable Last two image buttons on the <li> of <ui> using Jquery

Enable Last two image buttons on the <li> of <ui> using Jquery

Hi i am working on asp.net  4.5 + Jquery

Here is my code:

  If you could see my code i am using imagebutton on the repaeter. Is it possible to enable the last two image buttons and disable rest of all the image buttons using Jquery? any suggestion or sample please

I did try with the below code and it didn't helping me to achieve:
  2. <script type='text/javascript'>
  3.     $(function () {
  4.         $('#mycarousel li#imgcontent').last().attr('enabled', 'enabled');
  5.     });
  6. </script>


The version of Jquery what i am using is :  Any help please  

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>










  1. <form id="form1" runat="server"> <div> <ul id="mycarousel" class="jcarousel-skin-tango"> <asp:Repeater ID="rptImages" runat="server"> <ItemTemplate> <li id="imgcontent"> <div id="container"> <div id="Holder"> <div id="header" style="float: left"> <asp:Label ID="lblHeader" Text="Data" runat="server"></asp:Label> </div> <div id="content" style="float: left"> <asp:ImageButton ID="ImgbtnRetailers"  runat="server" style='height: 62px; width: 127px' ImageUrl ='<%# Eval("ImageUrl") %>' /> </div> <div id="footer" style="float: left"> <p>Received: <%= DateTime.Now.ToString("M/dd/yyyy") %></p> </div> </div> <div id="SideBar"> <hr class="vertical" /> </div> </div> </ItemTemplate> </asp:Repeater> </ul> </div> </form>