В этой статье описываются различные функции поиска JS для реализации данных таблицы. Он может игнорировать случай, нечеткий поиск и несколько поисков ключей. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<title> </title>
<script type = "text/javascript">
window.onload = function () {
var otab = document.getElementbyId ("tab");
var oct = document.getElementsbytagname ("input");
opt [1] .onclick = function () {
for (var i = 0; i <otab.tbodies [0] .Rows.Length; i ++)
{
var str1 = otab.tbodies [0] .rows [i] .cells [1] .innerhtml.touppercase ();
var str2 = opt [0] .value.touppercase ();
// Использовать string.touppercase () (преобразовать все символы в строке в верхний) или string.tolaycom
// Так называемый поиск игнорирования прописного и нижнего регистра-конвертировать все строки, введенные пользователем в верхний или нижний регистр, затем преобразовать все строки в информационной таблице в верхний или нижний регистр, и, наконец, сравните преобразованные символы двух.
/*************************
if (str1 == str2) {
otab.tbodies [0] .Rows [i] .style.background = 'red';
}
еще{
otab.tbodies [0] .Rows [i] .style.background = '';
}
/*********************** •
// Нечеткий поиск таблицы заключается в использовании метода Search () в JS, используя формат, string1.search (string2);
// Строка, введенная пользователем, является подстрокой, которая вернет позицию подстроки в основной строке. Если он не соответствует, он вернет -1. Следовательно, операция заключается в следующем
if (str1.search (str2)! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'red';}
else {otab.tbodies [0] .rows [i] .style.background = '';}
/*********************************
// Поиск нескольких ключевых слов в таблице. Если вы добавите несколько ключевых слов, введенных пользователем, используйте метод разделения, чтобы разделить длинную строку на строковую массив с пробелами в качестве стандарта.
// Затем сравнить подстроки массива выреза со строками в информационной таблице в цикле
var arr = str2.split ('');
для (var j = 0; j <arr.length; j ++)
{
if (str1.search (arr [j])! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'red';}
}
}
}
}
</script>
</head>
<тело>
Имя: <input type = "text" />
<input type = "button" value = "search"/>
<таблица Bordercolor = "blue" id = "tab">
<голова>
<Td> <h2> id </h2> </td>
<Td> <h2> Имя </h2> </td>
<Td> <h2> возраст </h2> </td>
</head>
<tbody>
<tr>
<td> 1 </td>
<Td> синий </td>
<td> 15 </td>
</tr>
<tr>
<td> 2 </td>
<td> mikyou </td>
<td> 26 </td>
</tr>
<tr>
<td> 3 </td>
<TD> слабый </td>
<Td> 24 </td>
</tr>
<tr>
<td> 4 </td>
<Td> Sky </td>
<TD> 35 </TD>
</tr>
<tr>
<td> 5 </td>
<td> li si </td>
<TD> 18 </td>
</tr>
</tbody>
</table>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.