jquery移动字符串搜索页面文本

Question

我正在构建一个JQuery移动应用程序，其中包含大量包含大量文本的页面。最初，当用户打开应用程序时，所有页面的标题都显示在列表视图中，顶部是搜索过滤器。当用户点击标题时，会打开一个新页面并在其上显示文本。我想构建一个单独的页面（如search.html），其中只有一个搜索输入框。当一个人搜索像“Some string”这样的字符串时，包含该术语的所有页面的图块在列表视图中可见，并且在单击标题后，将打开详细页面。

Answer 1

如果你对<div id="theTarget">中的所有文字感兴趣，那么*

var theText = document.getElementById("theTarget").textContent;

所以你可以像任何其他字符串一样搜索它。

然后，根据theText.indexOf(searchText)的返回值，您可以根据是否-1（不匹配）设置相应的列表视图条目的CSS样式。

*注意：非jQuery解决方案