aktueller Standort: Heim > Herunterladen > JS-Effekte > jQuery特效 > jQuery搜索框输入内容查找表格内是否匹配代码
jQuery搜索框输入内容查找表格内是否匹配代码
Klassifizieren: JS-Effekte / jQuery特效 | Veröffentlichkeitsdatum: 2018-05-17 | Besuche: 1137 |
Herunterladen: 47 |
Neueste Downloads
Fantasy-Aquarium
Girls Frontline
Flügel der Sterne
Kleine Blumenfee, Feenparadies
Restaurant Cute Story
Shanhe Reiseerkundung
Liebe und Produzent
Das stärkste Gehirn 3
Odd Dust: Damila
Junge Reise in den Westen 2
24 StundenBestenliste lesen
- 1 Lambda-Funktion mit GraalVM Native Image – Teil zur Vereinfachung von Kalt- und Warmstarts mit unterschiedlichen Lambda-Speichereinstellungen
- 2 Wie zähle ich Zeilen in einer Go-Datenbank?
- 3 Was für ein Widerstand...
- 4 Wie übergeben Sie Parameter an Java-Threads?
- 5 Wie können vorbereitete Anweisungen die Datenbanksicherheit in MySQL verbessern?
- 6 Wie dekodiere ich []Byte als Strings in Go JSON?
- 7 Dragon Age: The Veilguard – So lösen Sie das Dellamorte Estate-Rätsel
- 8 Wie rufe ich Daten aus dynamisch angegebenen Tabellen in gespeicherten Prozeduren ab?
- 9 Wie kann ich ein mehrdimensionales Array nach mehreren Spaltenwerten gruppieren und die Werte einer anderen Spalte summieren?
- 10 Wie füge ich PostGIS-Geometrietypen mit Gorm und EWKB ein und wähle sie aus?
- 11 Wie erstelle ich saubere URLs mit .htaccess?
- 12 Warum funktioniert das direkte Anhängen an ein Slice in einer Go-Map nicht wie erwartet?
- 13 Was passiert, wenn Sie eine übergeordnete Zeile in MySQL löschen? Verständnis des ON DELETE-Verhaltens und der Standardoptionen.
- 14 dpvacm.dll - Was ist dpvacm.dll?
- 15 Warum erhalte ich „Undefinierte Referenz auf „WinMain““, wenn ich wWinMain mit MinGW verwende?
Neueste Tutorials
-
- 国外Web开发全栈课程全集
- 1692 2024-04-24
-
- Go语言实战之 GraphQL
- 1968 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3388 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2921 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1781 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2597 2024-03-29
代码片段:
function search(){
// 获取搜索框的值
var kwds = $("#searchInput").val();
// 获取第一个列表内容
var this_one = {};
var real_name = '';
// 定义数据列表
var list = $("#all_list .list_one");
// 定义查找的起始值
var true_one = 0;
for (var i = 0; i < list.length; i++) {
this_one = $(list[i]);
real_name = this_one.text().toString();
// 执行like匹配
if(real_name.match(kwds)){
// 处理第当前的结果
if(true_one == active){
// 获取窗口的宽和高
var windows_wdh = $(window).width();
var windows_hgt = $(window).height();
// 获取第一个坐标
var x_len = this_one.offset().left;
var y_len = this_one.offset().top;
// 驱动滚动条滚动到指定的位置
$("html,body").animate({scrollTop:(y_len-windows_hgt/2), scrollLeft:(x_len-windows_wdh/2)},500);
// 标记当前选中的结果
this_one.addClass('active');
this_one.removeClass('on');
}else{
// 标记符合的结果
this_one.addClass('on');
this_one.removeClass('active');
}
// 累加真实的选择
true_one++;
}else{
this_one.removeClass('on');
}
}
// 判断是否搜索完毕 如果搜索完毕 则从第一个开始 否则继续搜索下一个
active = active >= true_one-1 ? 0 : active+1;
return false;
}