jQuery高亮显示搜索结果

本文不仅查找标题，还会搜索描述内容。你试试查找“”网站模板“”关键词，会发现描述内容也可以被精确高亮显示。

淘建站为您提供更多_表单代码_搜索框_搜索_高亮，在此特别感谢您对我们的支持与厚爱！

搜索关键字输入框，和匹配数据列表

<div class="faq">
    <input type="search" value="" placeholder="网站模板" />
    <ul>
        <li id="faq-1">
            <h2><a href="#faq-1"></a></h2>
            <div>
                <p>提供网站模板,jQuery特效,PHP包括PHP教程PHP源码PHP商城源码PHP培训PHP面试题和PHP招聘等</p>
            </div>
        </li>
        <li id="faq-2">
            <h2><a href="#faq-2">Hanging Gardens of Babylon</a></h2>
            <div>
                <p>The Hanging Gardens of Babylon were one of the Seven Wonders of the Ancient World, and the only one whose location has not been definitely established.</p>
                <p>The Hanging Gardens were a distinctive feature of ancient Babylon. They were a great source of pride to the people, and were often described in accounts written by visitors to the city. Possibly built by King Nebuchadnezzar II in 600 BC, the gardens are believed to have been a remarkable feat of engineering: an ascending series of tiered gardens containing all manner of trees, shrubs, and vines. The gardens were said to have looked like a large green mountain constructed of mud bricks, rising from the center of the city.</p>
            </div>
        </li>
    </ul>
    <div class="faq__notfound"><p>No matches were found&hellip; Try &ldquo;giza&rdquo;.</p></div>
</div>