入力した各入力のクラス名を取得

Question

background-color入力にキーアップした後、boxクラスに入力しますが、次のコードではbackground-colorすべての入力を変更するとクラス名を変更できません。どのようにクラス名を変更せずにそれを修正することができ、最も近いものによってidを使用します。

例：http://jsfiddle.net/S4wL9/

$('input').live('keyup', function (e) { 
    e.preventDefault(); 
    var class_show = '.' + $('.box').closest('.box').find('input').attr('class'); 
    $(class_show).css('background-color', '#999'); 
}); 

Answer 1

はちょうど要素のCSSプロパティを変更してみてください。

$('input').live('keyup', function (e) { 
    e.preventDefault(); 
    var class_show = '.' + $('.box').closest('.box').find('input').css('background-color', '#999'); 
}); 

Answer 2

// when any input is typed into 
// turn the background-color of inputs 
// with a parent of box gray 

$("input").live("keyup", function(e) { 
e.preventDefault() 
$(".box input").css('background-color', '#999') 
})