0

ボタンをクリックしたときに必要な数の要素のみをリストに表示したい (入力条件に応じて 3 つのアイテムが表示されるとします) どうすればそれを達成できますか?

$(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>
4

1 に答える 1

0

jquery スライス function.function プロトタイプを使用できます。

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

n から始まる上位 mn を選択します。インデックスはゼロベースであることに注意してください。例:

  <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] に適用されます

この助けを願っています。

于 2012-06-15T09:45:26.400 に答える