javascript – 使用contains()进行页内搜索以显示/隐藏div内容

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用contains()进行页内搜索以显示/隐藏div内容，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含890字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试在我的常见问题解答页面添加搜索功能,但我绝对卡住了.

我想要的是一个文本框,用户输入一个关键字(或多个单词),为关键字运行jquery,并为所有相关答案设置display：block.

到目前为止我所拥有的是：

    <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>

解决方法:

试试这个

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

}

内容总结

以上是互联网集市为您收集整理的javascript – 使用contains()进行页内搜索以显示/隐藏div内容全部内容，希望文章能够帮你解决javascript – 使用contains()进行页内搜索以显示/隐藏div内容所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端