Question

当我点击按钮时，我想在列表中只显示所需数量的元素（根据输入条件将显示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>

Answer 1

你可以使用jquery slice函数。函数原型是这样的：

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

它从n.note开始选择前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');

将应用于项目[3,4]

希望这有帮助。

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

1 个答案: