Jquery 如何根据if-else条件显示列表中所需的元素数？

当我点击按钮时，我只想在列表中显示所需数量的元素（比如3个itesm将根据输入条件显示），我将如何实现它

$(document).ready(function () {
    var list = $('#myList li:gt(0)');
    list.hide();
    $('a#myList-toggle').click(function () {
        var username = $("#<%= uname.ClientID %>").val();
        var pwd = $("#<%= pwd.ClientID %>").val();
        var ints = $("#<%= uname.ClientID %>").val();
        var list1 = $('#myList li:gt(3)');
        alert(username);
        list.slideToggle(400);
        return false;
    });
});
</script>

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<a href="#" id="myList-toggle">Show the rest</a>

UserName: 
<asp:TextBox id="uname" Text="" runat="server" />
PassWord : <asp:TextBox id="pwd" Text="" runat="server"/>

<ul id="myList" style="margin-bottom: 0px" >
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>



</ul>

<asp:Button  id="Login" Text="Login" runat="server" />



</asp:Content>

$（文档）.ready（函数（）{
var list=$（“#myList li:gt（0）”；
list.hide（）；
$（'a#myList toggle'）。单击（函数（）{
var username=$（“#”）val（）；
var pwd=$（“#”）val（）；
var ints=$（“#”）val（）；
var list1=$（“#myList li:gt（3）”；
警报（用户名）；
列表。滑动切换（400）；
返回false；
});
});
用户名：
密码：

项目1
项目2
项目3
项目4
项目5

您可以使用jquery切片函数。函数原型如下：

$(someselector).slice(start [, end]);

它从n开始选择顶部的m-n。请注意，索引是基于零的。例如：

  <ul>
     <li>list item 1</li>
     <li>list item 2</li>
     <li>list item 3</li>
     <li>list item 4</li>
     <li>list item 5</li>
   </ul>

$('li').slice(2, 4).css('background-color', 'red');

清单项目1
清单项目2
清单项目3
清单项目4
清单项目5

$（'li'）.slice（2,4）.css（'background-color'，'red'）；

将应用于项目[3,4]

希望这有帮助