Javascript 如何使用list.js从两个或多个列表中搜索

我想问，如何使用list.js从两个或多个列表中检索过滤结果

让我用图片解释一下：

这是我的HTML：

<div id="SearchBarContainer" class="col l10 offset-l1">
                        <input name="SearchData" class="search" placeholder="Search Anything !" />
                        <h1 class="McqHeading">MCQs</h1>
                        <ul class="list">
                            <li>
                                <p class="mcq">Mcqs One</p>
                            </li>
                            <li>
                                <p class="mcq">Mcqs Two</p>
                            </li>
                            <li>
                                <p class="mcq">Mcqs Three</p>
                            </li>
                            <li>
                                <p class="mcq">Mcqs Four</p>
                            </li>
                            <li>
                                <p class="mcq">Mcqs Five</p>
                            </li>
                        </ul>
                        <h1 class="NotesHeading">Notes</h1>
                        <ul class="list2">
                            <li>
                                <p class="note">Notes One</p>
                            </li>
                            <li>
                                <p class="note">Notes Two</p>
                            </li>
                            <li>
                                <p class="note">Notes Three</p>
                            </li>
                            <li>
                                <p class="note">Notes Four</p>
                            </li>
                            <li>
                                <p class="note">Notes Five</p>
                            </li>
                        </ul>
                    </div>

下面是它产生的结果：

当我键入b时，它只签入第一个列表。我希望代码同时签入两个列表

---

有办法吗？

好的。您的问题已经解决。我使用了两个不同的容器和两个不同的列表对象，如下所示：

var选项_1={
ValueName:['mcq']
};
变量选项_2={
ValueName:[“注意”]
};
var list1=新列表（“SearchBarContainer_1”，选项_1）；
var list2=新列表（“SearchBarContainer_2”，选项_2）；
$（“.search”）.keyup（函数（）{
list1.search（$（this.val（））；
list2.search（$（this.val（））；
});  

多项选择题


mcq一个


两个mcq


三个mcq


四个mcq


五个mcq


笔记


注释一


注释二



注释三



注释四



注释五



好的。您的问题已经解决。我使用了两个不同的容器和两个不同的列表对象，如下所示：


var选项_1={
ValueName:['mcq']
};
变量选项_2={
ValueName:[“注意”]
};
var list1=新列表（“SearchBarContainer_1”，选项_1）；
var list2=新列表（“SearchBarContainer_2”，选项_2）；
$（“.search”）.keyup（函数（）{
list1.search（$（this.val（））；
list2.search（$（this.val（））；
});  

多项选择题


mcq一个


两个mcq


三个mcq


四个mcq


五个mcq


笔记


注释一


注释二



注释三



注释四



注释五



在所有选项中指定一个公共类，然后在值名称中指定该类，然后尝试在所有选项中指定一个公共类，然后在值名称中指定该类，然后重试
var options = {
valueNames: [ 'mcq','note' ],
listClasses: ['list','list2']
};

 var DownloadsList = new List('SearchBarContainer', options);