搜索框在localstorage或html中搜索

时间:2013-04-22 09:36:09

标签: javascript jquery html search

这就是我所拥有的: enter image description here

您看到的所有数据都保存在localstorage中。我现在想要的是你可以搜索并且所有与搜索词不相等的会话消失。

我做的最好的是什么?在localstorage中搜索或搜索html? (jquery的/ JavaScript的)

HTML code:

<div id="content_wrapper" class="">
        <div id="mastersearch" class="container hide">
            <input type="text" id="txtmastersearch">
            <div id="searchresults">
            </div>
        </div>
        <div id="content" style="height: 520px;">
            <style>
                h2 {
                    margin-bottom: 0;
                }

                ul {
                    margin-bottom: 0;
                }
            </style>

<div class="container">
    <div class="row">
        <div class="span12">
            <input id="searchbox" class="span12" type="search" placeholder="Search...">
        </div>
    </div>
    <div id="here" class="row">           

    <div class="span6"><h2 class="before-blocks">Wednesday 3 April 2013</h2><ul id="here" class="sessionlist blocks unstyled"><li class="contentblock has-thumb"><a href="http://test1niels.m.niels.tapcrowd.com/sessions/view/21115">0:00 - 0:00<span class="ellipsis name" style="width: 95%;" '=""><b>tweede</b></span><span class="ellipsis"><em></em></span></a></li></ul></div><div class="span6"><h2 class="before-blocks">Sunday 21 April 2013</h2><ul id="here" class="sessionlist blocks unstyled"><li class="contentblock has-thumb"><a href="http://test1niels.m.niels.tapcrowd.com/sessions/view/21117">12:00 - 15:00<span class="ellipsis name" style="width: 95%;" '=""><b>html5 session</b></span>

提前致谢!

1 个答案:

答案 0 :(得分:2)

  

我做的最好的是什么?在localstorage中搜索或搜索html? (jquery的/ JavaScript的)

如果您在询问选择什么:

  1. 从LocalStorage获取数据;
  2. 解析DOM;
  3. 我想这样,我猜,直接从LocalStorage获取数据是更好的解决方案。 它在逻辑上更好,因为html只是表示层,从View获取数据而不是从模型中获取数据是不行的。