Javascript 已修改类的jQuery onClick

我有一些东西，让用户点击，然后切换它下面的div。在该div中有一个按钮可添加到短列表中。单击时，它会更改li项目的背景，并更改要从短列表中删除的按钮文本。当再次按下按钮时，它需要执行与添加相反的操作，它必须将li类更改回其原始状态，并将按钮文本更改回原始状态

我很难让它工作。我知道一旦我更改了类名，我就无法通过onClick访问新类

此外，当单击按钮时，如果它正在添加AJAX，将在稍后实现，当单击按钮以删除AJAX时，将删除相应的内容

JavaScript

HTML

感谢您提供的任何帮助！：试试这个：

$('body').on('click', 'ELEMENT_CLASS_OR_ID', function () {});

您可以在jquery文档中找到有关实时事件的信息：

<li class="incomplete">ITCS 3688 Computers & Society</li>
    <div class="classInfo">
        <div class="shortAdd">
            <div class="button">Add to Short List</div>
        </div>
    </div>

.incomplete {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}

.incompleteSL {/* Short Listed */
    background: url('../images/short.png') right center no-repeat;
    color: #00703c;
    opacity: 1.0;
}

$('body').on('click', 'ELEMENT_CLASS_OR_ID', function () {});