РЕДАКТИРОВАТЬ: искать строки таблицы для значений, больших или меньших, чем входные данные.Jquery

Программирование на jquery
Anonymous
РЕДАКТИРОВАТЬ: искать строки таблицы для значений, больших или меньших, чем входные данные.

Сообщение Anonymous »

Приведенный ниже код отлично подходит для поиска в таблице. В HTML-части есть
единственное поле ввода (id="name"), таблица и код:

Код: Выделить всё

$(document).ready(function() {
$("#name").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#data_table tr").filter(function() {
$(this).toggle($(this).text()
.toLowerCase().indexOf(value) > -1)
});
});
});
Я добавил четыре поля ввода (id ="strain", id="acc", id="length" и id="GC") и
соответствующие head записи, чтобы дать 5 столбцов. Теперь тело:
Al
P301
CP123
1000
50.1
МайкU123
AP456
2500
50.1
Майк
C567
AP
3300
52.0
Mike
P511
AP789
1000
55.5
Измененный код:< /p>

Код: Выделить всё

   $("#name,#strain,#acc").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#data_table tr").filter(function() {
$(this).toggle($(this).text()
.toLowerCase().indexOf(value) > -1)
});
});
});
//повторяем длину

Код: Выделить всё

   $("#length").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#data_table tr").filter(function() {
$(this).toggle($(this).text()
.toLowerCase().indexOf(value) > -1)
});
});
});
//повторяем для GC

Код: Выделить всё

   $("#GC").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#data_table tr").filter(function() {
$(this).toggle($(this).text()
.toLowerCase().indexOf(value) > -1)
});
});
});
Последние две строки таблицы соответствуют длине и GC. Код для них отделен от кода первых трех пунктов и работает хорошо. Однако я хотел бы иметь возможность искать значения длины больше или меньше значения, введенного в поле поиска длины, и аналогично для GC.

Подробнее здесь: https://stackoverflow.com/questions/785 ... n-an-input

Вернуться в «Jquery»