Динамическое изменение неисчислимых ячеек при изменении текстового поля

0

У меня есть таблица, которая создает новые строки через PHP в отношении таблицы базы данных, которая обновляется. Каждая строка содержит уникальный класс "rdClass" с дополнительным номером, который увеличивается на счетчик. Текстовое поле содержится в каждой строке с уникальным идентификатором "workhr" с дополнительным числом, которое также увеличивается. (rdClass0,..., rdClass [n] ---------- workhr0,..., workhr [n])

<td class='rdClass" . $counter . "'><input id='workhr" . $counter ."' name='HrsInShift" . $counter . "'></td>

Я пытаюсь изменить цвет фона rdClass # всякий раз, когда изменяется значение workhr # в текстовом поле. Я уже создал хороший скрипт в JQuery, но не динамический.

$ (функция() {

content = $('#workhr0').val();

$('#workhr0').keyup(function() { 
            if ($('#workhr0').val() != content) {
                content = $('#workhr0').val();
                $('.rdClass0').css("background-color", "blue");
            }
            else
                $('.rdClass0').css("background-color", "");
        });
});

Как я могу сделать эту динамику так, чтобы она обнаруживала изменение значения для всех workhr [n] и изменяла их цвета фона rdClass [n] соответственно?

1 ответ

1
Лучший ответ
var dynamic_val;
$('[id^=workhr]').keyup(function(){
    if($(this).val() != dynamic_val){
        dynamic_val = $(this).val();
        $('.rdClass'+$(this).prop('id').split('workhr')[1]).css('background-color', 'blue');
    }else{
        $('.rdClass'+$(this).prop('id').split('workhr')[1]).css('background-color', 'inherit');
    }
});
  • 0
    Невероятно! Большое спасибо. Он работает так, как я хочу, однако, когда я возвращаюсь к значению текстового поля по умолчанию, цвет не всегда возвращается. Какие-либо предложения?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню