未定义的类错误，jQuery

我在使用

addClass（）

jQuery方法时遇到问题-当我尝试将类（

突出显示

，请参见下文）添加到我在

index.html

中创建的一些段落时，我得到了

未突出显示的引用错误：突出显示未定义

。有人能帮我找出原因吗

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

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>

我是一个奇怪的段落
我是一个偶数段落
我是一个奇怪的段落
我是一个偶数段落
单击以突出显示奇数段落
单击以突出显示偶数段落

在jquery中，您随时都会引用ID、类（通常是元素），它们将位于括号之间的引号中。

您必须使用

.addClass（'highlight'）引用了成功的例子。谢谢
<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>