<scriptsrc="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<scriptsrc="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"crossorigin="anonymous"></script>
.navbar-collapse {
padding: 0;
}
.alert {
margin: 20px;
}
.input-group select.form-control:last-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
margin-right: -1px;
}
.tab-content{
padding-top: 20px;
}
克利夫兰 骑士
金州 勇士
波士顿 凯尔特人
休斯顿 火箭
搜索结果tab隐藏
号码 姓名 位置 身高 体重 介绍
23
勒布朗-詹姆斯
小前锋
203CM
113KG
四届NBA最有价值球员奖
2
凯尔-欧文
控球后卫
191CM
88KG
15-16赛季NBA总冠军
0
凯文-乐福
大前锋/中锋
208CM
110KG
15-16赛季获得NBA总冠军
13
特里斯坦-汤普森
大前锋
206CM
103KG
擅长拼抢进攻篮板球
5
J.R.史密斯
得分后卫
198CM
102KG
15-16赛季NBA总冠军
号码 姓名 位置 身高 体重 介绍
30
斯蒂芬-库里
控球后卫
191CM
83.9KG
两届NBA最有价值球员奖 三分精准
11
克莱-汤普森
得分后卫
201CM
93KG
14-15赛季NBA总冠军
35
凯文-杜兰特
小前锋/大前锋
211CM
106.6KG
得分手段多样投篮精准
23
德雷蒙德-格林
前锋
201CM
104KG
顶级锋线防守者
9
安德鲁-伊格达拉
得分后卫
198CM
94KG
迷你版勒布朗身体素质极佳
号码 姓名 位置 身高 体重 介绍
4
以赛亚-托马斯
控球后卫
175CM
84KG
球风强硬 能够突破 具备三分射程
0
埃弗里-布拉德利
控球后卫
188CM
82KG
15-16赛季最佳防守阵容第一阵容
42
艾尔-霍福德
中锋
208CM
111KG
球风全面的内线 中距离精准
9
贾伊-克劳德
大前锋
198CM
107KG
能量四射的双能锋
36
马库斯-斯玛特
控球后卫
193CM
100KG
敢于突破不惧身体对抗球风无私
号码 姓名 位置 身高 体重 介绍
13
詹姆斯-哈登
后卫
196CM
99.8KG
两次入选NBA最佳阵容第一阵容
1
特雷沃-阿里扎
小前锋
203CM
95.3KG
08-09赛季NBA总冠军
2
帕特里克-贝弗利
控球后卫
185CM
84KG
2015年全明星技巧挑战赛冠军
10
埃里克-戈登
得分后卫
191CM
100.7KG
属于攻击型得分后卫
3
莱恩-安德森
大前锋
208CM
109KG
投篮型内线出手快
搜索结果
号码 姓名 位置 身高 体重 介绍
信息摘自互联网内容 若有冒犯请原谅 请留言反馈 立即删除
<script>
$('#myTabs a').click(function(e) {
e.preventDefault()
$(this).tab('show')
})
$('#searchText').change(function() {
console.log("dd");
var searchText = $(this).val();
var searchSelect = $('#searchSelect').val();
var $searchTr = "";
if(searchText != "") {
$('#search tbody').html("");
//筛选搜索
if(searchSelect == "name") {
$searchTr = $('#myTabContent').find('td:nth-child(2):contains(' + searchText + ')').parent();
} else if(searchSelect == "position") {
$searchTr = $('#myTabContent').find('td:nth-child(3):contains(' + searchText + ')').parent();
} else if(searchSelect == "about") {
$searchTr = $('#myTabContent').find('td:nth-child(6):contains(' + searchText + ')').parent();
} else {
$searchTr = $('#myTabContent').find('td:contains(' + searchText + ')').parent();
}
$searchTr.each(function(i, e) {
$('#search tbody').append($(e).clone(true));
});
//如果没有搜索结果 显示一个报错div
if($searchTr.length <= 0) {
$('#search tbody').html('没有内容')
}
$('#search-tab').tab('show');
}
}).keyup(function() {
$(this).change();
})
$('#searchBth').click(function() {
$('#searchText').change();
})
</script>
jquery实现静态方法|jquery实现静态搜索功能(可输入搜索文字)
http://m.bbyears.com/wangyezhizuo/134647.html
推荐访问: