jQuery搜索引擎/页面

时间:2011-04-26 22:33:52

标签: jquery match search-engine

我需要一些帮助!! 我想创建一个简单的搜索引擎,如果您按名称或类别搜索,则搜索(实际上只是显示)游戏

<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();**
    });

这是搜索按钮的代码(不起作用)

我不知道怎么做就像当我插入文本框中的前“hamsterball”并按下按钮显示所有这些代码

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

我不知道我是否可以将链接放到我的网站上(这是学校项目的演示网站)

1 个答案:

答案 0 :(得分:0)

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

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

的选择器