LoginSignup
0
0

More than 5 years have passed since last update.

jquery.quicksearch.jsで検索システム

Posted at

初めて投稿させていただきます。
jquery.quicksearch.jsで検索システムを作ろうと試しておりますが、キーワードを入力しても検索がなされません。
(サンプルURL)
http://www.nicedepon.club/i-love-pet/sample/2/1.html

以下にソースコードを記述します、jquery.quicksearch.jsを使用して検索ができるのであればどうかご教授お願いします。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>sample</title>
<meta name="viewport" content="width=device-width">
<link href="style-pager.css" rel="stylesheet" type="text/css" media="all">
<link href="scroller-asli.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="jquery-pagination.js"></script>
<script src="jquery.quicksearch.js"></script>
<script>
$(function($) {
$('.list2').pagination({
element      :'.inner div',
prevText     : 'Prev',
nextText     : 'Next',
firstText    : '≪',
lastText     : '≫',
ellipsisText : '・・・',
viewNum      : 5,  
pagerNum     : 3,    
ellipsis     : true,
linkInvalid  : true,
goTop        : true,
firstLastNav : true,
prevNextNav  : true
});

});

$(function(){
$('input#id_search').quicksearch('div table tbody tr');
$(".inner")
});
</script>
</head>
<body vlink="blue" link="blue" alink="blue">
<center><div id="header"> 
<br>
<a href="1.html"><img src="511-38-1.jpg" width="511" border="0" height="38"></a>
<img src="407-38-htm.jpg" width="407" height="38" usemap="#spanyol" border="0">
</div>
</center>

<div id="wrapper" style="margin-top:7px;">
<div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; margin: 0px; overflow: hidden; position: relative; height: 350px; width: 1343px;"><div id="carousel" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; margin: 0px; height: 350px; width: 4029px; left: 0px; z-index: auto;">

<div><a href="http://jin.step=2"><img src="619-350-1.jpg"></a></div>
<div><a href="http:/0.0p;step=2"><img src="619-350-2.jpg"></a></div>
<div><a href="http://amp;step=2"><img src="619-350-3.jpg"></a></div>
<div><a href="../../../index.html"><img src="619-350-4.jpg"></a></div>
<div><a href="http://jomp;step=2"><img src="619-350-5.jpg"></a></div>
</div></div></div>

<div id="wrapper2">
<div align="center">

<table width="815" cellspacing="0" cellpadding="5" border="0">
<tbody><tr height="27">
<td width="170" height="37"><a class="menu" href="http://www.sembers/"><img src="members-login.gif" width="256" height="27"><br>
</a></td>
<td width="188" height="37"><a class="menu" href="javascript:bookmark('http://www.sal.com','Som%2ts')"><img src="bookmark.gif" width="252" height="27"><br>
</a></td>
<td width="185" align="center">

<form action="#">
<input type="text" name="search" value="" id="id_search" placeholder="Search" autofocus />
</form>

</td></tr></tbody></table>

<table width="977" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<th scope="col" width="494" height="62" align="left"><span style="font-size: 16; font-weight: normal; ">This website is updated regulary - </span> Latest video added on <span style="font-size: 14; background: red; color: black; font-weight: bold; ">23-Sep-2017</span></th>
<th scope="col" width="218" align="right"><span style="font-size: 16; font-weight: normal; ">All videos are compatible with</span></th>
<th scope="col" width="13" align="left">&nbsp;</th>
<th scope="col" width="166" align="left"><img src="apple-android-windows-compatible.gif" width="126" height="36"></th>
</tr>
</tbody></table>

<div class="list2">
<div class="inner">
<!--001-->
<div><table><tr><th scope="col" width="853" align="left" class="aida">
<h1>panda panda panda</h1>
<span class="vid_text">
There are lots of panda
</span>
<table width="975" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<th scope="col" width="362" align="left"><a href="../../detail/1.html"><img class="image" src="359-241-1.jpg" width="359" height="241" alt="test1" border="0"></a></th>
<th scope="col" width="425" valign="top" align="left"><table width="200" border="0">
<tbody><tr>
<th scope="col"><a href="../../detail/1.html"><img class="image" src="200-154-1.jpg" width="200" height="154" alt="test" border="0"></a></th>
<th scope="col"><a href="../../detail/1.html"><img class="image" src="200-154-2.jpg" width="200" height="154" alt="test" border="0"></a></th>
<th scope="col"><a href="../../detail/1.html"><img class="image" src="200-154-3.jpg" width="200" height="154" alt="test" border="0"></a></th>
</tr></tbody></table><table border="0"><tbody><tr>
<th scope="col" width="600" align="left" class="detail">Video ID : 20161101
Duration : 38:06 min <span style="font-size: 16; color: red; font-weight: bold;">NEW!</span><br>
<span style="font-size: 12; color: white; font-weight: normal;">
Streaming video : Yes<br>
Download : Yes (1280 x 720, 640 x 360, WMV, MP4)</span><br>
<a class="dw_link" href="../../detail/1.html">Download Video</a></th></tr></tbody></table></th></tr></tbody></table></th></tr><tr></tr></table></div>
<!--001END-->

<!--002-->
<div><table><tr><th scope="col" width="853" align="left" class="aida">
<h1>dog dog dog</h1>
<span class="vid_text">
There are lots of dog!
</span>
<table width="975" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<th scope="col" width="362" align="left"><a href="../../detail/1.html"><img class="image" src="359-241-2.jpg" width="359" height="241" alt="test1" border="0"></a></th>
<th scope="col" width="425" valign="top" align="left"><table width="200" border="0">
<tbody><tr>
<th scope="col"><a href="../../detail/1.html"><img class="image" src="200-154-1.jpg" width="200" height="154" alt="test" border="0"></a></th>
<th scope="col"><a href="../../detail/1.html"><img class="image" src="200-154-2.jpg" width="200" height="154" alt="test" border="0"></a></th>
<th scope="col"><a href="../../detail/1.html"><img class="image" src="200-154-3.jpg" width="200" height="154" alt="test" border="0"></a></th>
</tr></tbody></table><table border="0"><tbody><tr>
<th scope="col" width="600" align="left" class="detail">Video ID : 20161101
Duration : 38:06 min <span style="font-size: 16; color: red; font-weight: bold;">NEW!</span><br>
<span style="font-size: 12; color: white; font-weight: normal;">
Streaming video : Yes<br>
Download : Yes (1280 x 720, 640 x 360, WMV, MP4)</span><br>
<a class="dw_link" href="../../detail/1.html">Download Video</a></th></tr></tbody></table></th></tr></tbody></table></th></tr><tr></tr></table></div>
<!--002END-->
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0