मैं jQuery का उपयोग कर एक सीएसएस मूल्य की जांच कैसे करूं?

Question

उपयोगकर्ता तालिका तालिका पर क्लिक करने के बाद, मैं यह जांचना चाहता हूं कि तालिका पंक्ति का पृष्ठभूमि-रंग सफेद है या नहीं, और यदि ऐसा है, तो यह रंग हल्के नीले रंग में बदल जाएगा।

मैं जिस कोड का उपयोग कर रहा हूं वह काम नहीं कर रहा है। संदेश यह है:

$("#tracker_table tr#master").click(function(){ 
    if($(this).css("background-color") == "#FFFFFF") { 
    $(this).css("background-color", "#C2DAEF"); 
    } 
}); 

मुझे लगता है कि वहाँ कुछ मेरी अगर बयान के साथ गलत है। मैं jQuery का उपयोग कर एक सीएसएस मूल्य की जांच कैसे करूं?

Answer 1

ऐसा लगता है कि प्रपत्र rgb(x, y, z) में लौट जाता है, तो अपने कोड होना चाहिए:

$("#tracker_table tr#master").click(function(){ 
    if($(this).css("background-color") == "rgb(255, 255, 255)") { 
    $(this).css("background-color", "#C2DAEF"); 
    } 
}); 

संपादित: कहा जा रहा है, मैं तुम्हें/बजाय कक्षाओं का उपयोग निरीक्षण के सीएसएस गुण सीधे स्थापित करने सुझाव देंगे । कुछ इस तरह:

$("#tracker_table tr#master").click(function(){ 
    if(!$(this).hasClass("selected")) { 
    $(this).addClass("selected"); 
    } 
}); 

Css:

tr { background-color: #FFFFFF; } 
tr.selected { background-color: #C2DAEF; } 

Answer 2

यह काम कर सकते हैं, प्रभाव में आप रंग के रूप में जानकारी भंडारण कर रहे हैं, और फिर पुन: प्राप्त करने और बाद में यह जानकारी की तुलना। अल्कोन्जा एक दृष्टिकोण सुझाता है जो काम करेगा, लेकिन आखिरकार आप कक्षाओं के साथ काम करने से बेहतर हो सकते हैं, जिनके नाम उचित अर्थ रखने के लिए आपके द्वारा परिभाषित किए जा सकते हैं।

$('#tracker_table tr#master').click(function(){ 
    if ($(this).hasClass('something')) { 
     $(this).removeClass('something').addClass('something_else'); 
    } 
})