javascript - 页面文本中的jquery移动字符串搜索

Question

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

Answer 1

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

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

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

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

*注：非jQuery解决方案