0

マークアップ:(リストには多くの子があり、すべて同じマークアップであると仮定します）

<ul class="notifications messages inbox">   
                <li class=" unread">
                            <div class="avatar">
                                <a href="index.php?userid=94"><img alt="" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276073_662982570_5177619_n.jpg"> </a>
                            </div>
                            <div class="txt">
                                <a class="userName" href="index.php?userid=94">Jose ignacio bustamante  <span class="date"> - 2012-09-07 13:49:59</span></a>
                                <div>
                                                                        <a href="messages.php?conversationid=94" class="msj"><span>Esque esto de querer cargar una conversación por defecto... como usuario no ...</span></a>
                                </div>      
                            </div>
                            <span data-id="442" class="close">X</span>          
                    </li>

だから私は<li>.usernameタグの値（その中）に応じてこの要素をフィルタリングしようとしています

/* I have used this before, its a :contains modification to handle uppercase */
$.expr[':'].icontains = function(a, i, m) {
          return jQuery(a).text().toUpperCase()
              .indexOf(m[3].toUpperCase()) >= 0;
};
$('body').on('keyup','.filterFriends',function(){
                $('.inbox li').hide().filter(':icontains("'+this.value+'")').show();
                        /* How to apply this icontains selector to $('.inbox li').find('.userName') ?? */
});

これには問題があります。li全体をチェックしていると思いますが、filter（）関数内で.userNameクラスを選択する方法がわかりません。

誰かが私に光を見せてもらえますか？

4

2 に答える 2

1

あなたはこれを試すことができます：

$('body').on('keyup','.filterFriends',function(){
    var li=$('.inbox li').hide();
    $('.userName',li).filter(':icontains("'+this.value+'")').parents('li').show();
}
于 2012-09-07T14:42:56.960 に答える
1 
$('body').on('keyup','.filterFriends',function(){
    $('.inbox li')
        .hide()
        .find('.userName')
        .filter(':icontains("'+this.value+'")')
        .closest('.inbox li')
        .show();
});
于 2012-09-07T14:51:47.607 に答える