undefiniert Klassenfehler, jQuery

Question

Ich habe Probleme bekommen die addClass() jQuery-Methode zu arbeiten - wenn ich versuche, um die Klasse zu addieren (highlight, siehe unten), um einige der Paragraphen I in index.html erstellt habe ich Uncaught ReferenceError: highlight is not defined bekommen. Kann mir jemand helfen, herauszufinden, warum?

application.js:

jQuery(document).ready(function(){ 
    var newPara = $('<p>Hi Zhilin! This must be pretty boring for you.</p>'); 
    $('#greeting-button').on('click', function(){ 
     $('h1').append(newPara); 
     $(this).remove(); 
    }); 

    $('#odd-button').on('click', function(){ 
     $('.odd-p').addClass(highlight); 
    }); 
}); 

style3.css:

h1 { 
    color: red; 
} 

.highlight { 
    background-color:yellow; 
} 

Relevante Teil auf index.html:

<p class="even-p">I'm an odd paragraph.</p> 
<p class="odd-p">I'm an even paragraph.</p> 
<p class="even-p">I'm an odd paragraph.</p> 
<p class="odd-p">I'm an even paragraph.</p> 
<button id="odd-button">Click to highlight odd paragraphs</button> 
<button id="even-button">Click to highlight even paragraphs</button> 

Answer 1

Immer in jquery sind Sie in der ids mit Bezug, Klassen (Elemente im Allgemeinen) Sie werden in Anführungszeichen zwischen den Eltern stehen hesis.