jQuery 搜索引擎/页面答案

【问题标题】：jQuery search engine/pagejQuery 搜索引擎/页面
【发布时间】：2011-08-13 10:15:31
【问题描述】：

我需要帮助！！我想制作一个简单的搜索引擎，如果您按名称或类别搜索（实际上只是显示）游戏

<div id="game_thb_1">
  <div class="game_title"><span class="arcade">hamsterball</span></div>
    <div class="game_th">
      <div class="game_frame_shadow"></div>
      <div class="game_c1"><div class="game_frame"></div></div>
      <div class="game_rate_bar"></div>
      <div class="game_image"><img src="images/slideshow/game1.png" width="193" height="118"></div>
      <div class="rating_stars"><?php echo rating_bar('game1',5); ?></div>
    </div>

这段代码组成这个http://img820.imageshack.us/img820/1458/capturegth.png

$(".searchbox_submit").click(function(){
    $('.games').hide();
    $('.contact').hide();
    $('.home').hide();
    $('.about').hide();
    $('#bookmarks').hide();
    **$('div .game_title').find(function(){$(".searchbox").val();}).show();**
    });

这是搜索按钮的代码（它不起作用）

当我在文本框中插入前“仓鼠球”并按下按钮以显示所有这些代码时，我不知道如何做到这一点

<div id="game_thb_1">
    <div class="game_title"><span class="arcade">hamsterball</span></div>
    <div class="game_th">
        <div class="game_frame_shadow"></div>
        <div class="game_c1"><div class="game_frame"></div></div>
        <div class="game_rate_bar"></div>
        <div class="game_image"><img src="images/slideshow/game1.png" width="193" height="118"></div>
        <div class="rating_stars"><?php echo rating_bar('game1',5); ?></div>
    </div>
</div>

我不知道我是否可以把我网站的链接放在这里（这是一个学校项目的演示网站）

【问题讨论】：

你能显示整个页面的代码吗？（当然是<body> 和</body> 之间的位，或者，理想情况下，到目前为止，发布您网站的JS Fiddle demo？）
我已经做了页面：

一些测试文本

一些测试文本

css: #search_word {display:none;} jquery脚本： $(document).ready(function() { $("input").keyup(function() { var value = $(this).val(); $("#search_word").text("' #" + value + "'");}).keyup(); $(".searchbox_submit").click(function() { var word = $("#search_word").text(); $('div ').find(word).hide();});});

标签： jquery match search-engine

【解决方案1】：

由于这是一个学校项目，我只是给出提示：

1) 您可能需要使用:contains 和:has 过滤器。 2）您需要通过字符串连接构建包含上述过滤器的选择器（因为您需要将搜索值放入 . 3) 你可能根本不需要find()；您应该能够构建一个与适当的<div> 匹配的选择器。

【讨论】：