Переключить и фильтровать функцию JavaScript - объединитьJquery

Программирование на jquery
Ответить
Anonymous
 Переключить и фильтровать функцию JavaScript - объединить

Сообщение Anonymous »

У меня есть две функции JavaScript: одна переключает (скрыть/показывать) строка таблицы при щелчке ссылки, а другая, которая фильтрует строки таблицы (показывая только строки с текстом, введенным в текстовое поле). Когда кто -то входит в текст в текстовое поле, я хочу иметь возможность скрывать все показанные таблицы (которые были переключены). Итак, в основном я пытаюсь добавить часть функции переключения к функции фильтра. Функция переключения должна функционировать самостоятельно, но все элементы будут скрыты при введении текста.
Функция переключения
Если строка таблицы имеет идентификатор (id = "celltohid1" или id = "celltohid1"), затем следующая функция или показывает, что строка, когда ссылка на клик, наз. Функция фильтра
Ниже приведена функция фильтра ...

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

$(document).ready(function(){
$(".search").on("keyup",function(){
var searchTerm = $(this).val().toLowerCase();
$("#DMTbl tbody tr.contentrow").each(function(){
var lineStr = $(this).text().toLowerCase();
if(lineStr.indexOf(searchTerm) === -1){
$(this).hide();
}else{
$(this).show();
}
});
});
});

Цель (и моя слабая попытка)
Мне нужно добавить функциональность, которая скрывает все строки с идентификаторами, которые содержат «celltohid» (если все идентификаторы являются Celltohid#) ... Я не знаю Javascript, так что ниже моя слабая попытка на это. Каждый ряд с уникальными идентификаторами "Celltohid#" имеет класс "descexpand". Итак, я попытался добавить переключение, чтобы изменить стиль дисплея для этого класса ... но он не работает ... < /p>

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

$(document).ready(function(){
$(".search").on("keyup",function(){
var searchTerm = $(this).val().toLowerCase();
$("#DMTbl tbody tr.contentrow").each(function(){
var lineStr = $(this).text().toLowerCase();
if(lineStr.indexOf(searchTerm) === -1){
$(this).hide();
}else{
$(this).show();
}
var clasname = "descexpand";
var e = document.getElementByClass(clasnam);
if(e.style.display == "table-row") {
e.style.display = "none";
}
});
});
});

может кто -нибудь помочь?

Подробнее здесь: https://stackoverflow.com/questions/634 ... on-combine
Ответить

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

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

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

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

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