поисковая система jQuery / страница - PullRequest
Новая
       9

поисковая система jQuery / страница

0 голосов
/ 27 апреля 2011

Мне нужна помощь !!Я хочу создать простую поисковую систему, которая будет искать (на самом деле просто показывает) игру, если вы будете искать по названию или категории 

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

Я не знаю, смогу ли я разместить здесь ссылку на свой сайт (это демонстрационный сайт для школьного проекта)

1 Ответ

0 голосов
/ 02 мая 2014

Поскольку это школьный проект, я просто дам подсказку:

1) Возможно, вы захотите использовать фильтры :contains и :has.2) Вам нужно будет создать селектор, который включает в себя вышеупомянутые фильтры, путем конкатенации строк (потому что вам нужно ввести значение поиска в. 3) Возможно, вам вообще не понадобится find();Вы должны иметь возможность создать один селектор, который будет соответствовать соответствующему <div>.

...