jQuery移動字符串在頁面文本中搜索

Question

我正在構建一個JQuery移動應用程序，其中包含很多頁面，其中包含很多文本。 最初，當用戶打開應用程序時，所有頁面的標題都在列表視圖中可見，頂部帶有搜索過濾器。 當用戶單擊標題時，將打開一個新頁面，上面帶有文本。 我想建立一個單獨的頁面（如search.html），其中只包含一個搜索輸入框。 當某人搜索“ Some string”之類的字符串時，包含該術語的所有頁面的圖塊在列表視圖中可見，並且單擊標題后，將打開詳細頁面。

Answer 1

如果您對其中的所有文本感興趣，例如<div id="theTarget"> ，那么*

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

因此您可以像搜索其他任何字符串一樣搜索它。

然后，基於theText.indexOf(searchText)的返回值，可以基於是否為-1 （不匹配）來設置相應列表視圖條目的CSS樣式。

*注意：非jQuery解決方案