标记:(假设列表中有许多孩子,所有标记都相同)
<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>
因此,我试图根据.username标记值(在其内部)过滤此
<li>
元素/* 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类。
谁能给我看看光?
最佳答案
您可以尝试以下方法:
$('body').on('keyup','.filterFriends',function(){
var li=$('.inbox li').hide();
$('.userName',li).filter(':icontains("'+this.value+'")').parents('li').show();
}
关于javascript - 隐藏/显示包含单词的所有项目。但是只能在李氏的 child 那里检查,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12320180/