jquery实现静态搜索功能(可输入搜索文字)

2020-05-22 15:50:58易采站长站整理

<div role="tabpanel" class="tab-pane fade" id="second" aria-labelledby="second-tab">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>号码</th>
<th>姓名</th>
<th>位置</th>
<th>身高</th>
<th>体重</th>
<th>介绍</th>
</tr>
</thead>
<tbody>
<tr>
<td>30</td>
<td>斯蒂芬-库里</td>
<td>控球后卫</td>
<td>191CM</td>
<td>83.9KG</td>
<td>两届NBA最有价值球员奖 三分精准</td>
</tr>
<tr>
<td>11</td>
<td>克莱-汤普森</td>
<td>得分后卫</td>
<td>201CM</td>
<td>93KG</td>
<td>14-15赛季NBA总冠军</td>
</tr>
<tr>
<td>35</td>
<td>凯文-杜兰特</td>
<td>小前锋/大前锋</td>
<td>211CM</td>
<td>106.6KG</td>
<td>得分手段多样投篮精准</td>
</tr>
<tr>
<td>23</td>
<td>德雷蒙德-格林</td>
<td>前锋</td>
<td>201CM</td>
<td>104KG</td>
<td>顶级锋线防守者</td>
</tr>
<tr>
<td>9</td>
<td>安德鲁-伊格达拉</td>
<td>得分后卫</td>
<td>198CM</td>
<td>94KG</td>
<td>迷你版勒布朗身体素质极佳</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade" id="third" aria-labelledby="third-tab">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>号码</th>
<th>姓名</th>
<th>位置</th>
<th>身高</th>
<th>体重</th>
<th>介绍</th>
</tr>
</thead>
<tbody>
<tr>
<td>4</td>
<td>以赛亚-托马斯</td>
<td>控球后卫</td>
<td>175CM</td>
<td>84KG</td>
<td>球风强硬 能够突破 具备三分射程</td>
</tr>
<tr>
<td>0</td>
<td>埃弗里-布拉德利</td>
<td>控球后卫</td>
<td>188CM</td>
<td>82KG</td>
<td>15-16赛季最佳防守阵容第一阵容</td>
</tr>
<tr>