У меня есть таблица, которая создает новые строки через 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] соответственно?
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');
}
});