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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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