使用網頁搜索包含（）顯示/隱藏DIV內容

Question

我想搜索功能添加到我的常見問題網頁，並是絕對卡住。

我要的是在用戶輸入關鍵字（或詞），運行一個jQuery的關鍵字，並設置顯示一個文本框：塊所有相關的答案。

我到目前爲止是這樣的：

<form name="searchBox"> 
     Keyword(s): <input type="text" name="keyword" /> 
     <input type="button" value="Search" onClick="searchFunction()" /> 
    </form> 
    <div class="searchable" style="display:none"> 
     This is the first software question and answer.</div> 
    <div class="searchable" style="display:none"> 
     This is the first hardware question and answer.</div> 
    <script type="text/javascript"> 
     function searchFunction() { 
      var searchTerm = document.searchBox.keyword.value; 
      $(" :contains('"+searchTerm+"')").addStyle("display:block"); } 
    </script> 

Answer 1

試試這個

function searchFunction() { 
      var searchTerm = document.searchBox.keyword.value; 
      $(".searchable").each(function(){ 
       $(this).(":contains('"+searchTerm+"')").show(); 
      }); 

} 

Answer 2

更改.addStyle（ 「顯示：塊」）來.show（）

Answer 3

試試這個。

function searchFunction() { 
    $(".searchable") 
     .hide() 
     .filter(":contains('" + $("input[name='keyword']").val() + "')") 
     .show(); 
}