Question

我有一个表，通过PHP创建有关更新的数据库表的新行。每行包含一个唯一的类“rdClass”，其附加数字由计数器递增。每个行中都包含一个文本框，其唯一ID为“workhr”，并且附加的数字也会增加。 （rdClass0，...，rdClass [n] ---------- workhr0，...，workhr [n]）

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

我想要做的是，只要文本框 workhr＃中的值分别发生变化，就会更改 rdClass＃的背景颜色。我已经在JQuery中创建了一个很好的脚本，但它不是动态的。

$（function（）{

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] 背景颜色？

Answer 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');
    }
});

动态修改文本框更改中的不可数单元格

1 个答案: