jQuery .css() 不能正常工作

Question

我正在做一個測驗，並希望在人們回答錯誤時突出顯示正確答案，但它僅適用於顯示紅色。

self.wrongAnswer = function(elm) {

        startSound('wrongsound', false);
        $(elm).toggleClass('correct');
        $(elm).css('background', 'red');
        var correctanswer = this.questions[self.level() - 1].correct;
        $("correctanswer").css('background', 'green');

Answer 1

您在 jQuery 中以錯誤的方式應用.css() $("")選擇器用於選擇html標簽，在這里您將jQuery應用於變量

所以，改變你的$("correctanswer").css('background', 'green'); 到$(correctanswer).css('background', 'green');

或者可能

correctanswer.css('background', 'green');

//可能是因為我是用手機接聽的，我不確定也不能在手機上簽到

Answer 2

您應該使用以下代碼：

// If correctanswer is an 'id' it should be prefix with #
 $("#correctanswer").css('background', 'green');

// If correctanswer is class it should be prefix with .
 $(".correctanswer").css('background', 'green');

 $('#correctanswer').css('background','green');

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="correctanswer"> this is correct answer </div>