jquery-selectors - Jquery 根据用户输入选择包含多个类的元素

Question

这个问题在这里已经有了答案:




9年前关闭。

Possible Duplicate:
jQuery multiple class selector

我有一个输入字段“#q”，用户可以在其中键入搜索查询并返回一组与其类匹配的列表项。

function queryData() {
   q = $('#q').val();
   q = q.toLowerCase();
   var qs = q.split(' ');
   $('.item').fadeOut(300);
   for (n in qs)        {
   $("li[class*='" + qs[n] + "']").fadeIn(1000);
                }
} 
<li class="apple"></li> <li class="apple banana"></li> <li class="banana"></li>

我不是专家，所以上面的代码可能看起来很粗糙。到目前为止，无论查询中的单词数量如何，上面的代码都只能显示类与查询匹配的 li。所以，如果我输入“applebanana”，任何以apple 或banana 为类的li 都会fadeIn()。如何编辑此函数，以便只有在其类中同时具有苹果和香蕉的 li 才会淡入淡出()？

Answer 1

How can I select an element with multiple classes?

也试试这个:
函数查询数据(){
$('.item').fadeOut(300);
$("li."+
(
$('#q')
.val()
.toLowerCase()
.split(/\s+/)
。加入('。')
)
).淡入(1000);
}