JQuery addClass on click

Question

当按钮被点击时，我正在尝试使用JQuery向按钮添加类。下面的代码显示了我的类和JQuery onclick事件及其处理程序：

CSS

.input-highlight {
     background-color: #1E90FF;
     color: white;
}

JS

$("#elv-geo").on("click", hightlight);

function hightlight() {

    var georgian = $("#geo-elv");

    georgian.addClass("input-highlight");

}

当我在类中有“可见性:隐藏”的时候，它确实起作用了，但是在上面的代码中，它不起作用。

Answer 1

您使用了一次$("#geo-elv")和另一次$("#elv-geo")。这可能会导致您的问题..

此外，您还应考虑使用以下语法：

$("#geo-elv").on('click',function(){
    $(this).addClass('input-highlight');
})

Answer 2

.input-highlight {
    background-color: #1E90FF;
    color: white;
}

var id = "#elv-geo"; // is it elv-geo or geo-elv?
$(id).on("click", highlight);

function highlight() {
    $(id).addClass("input-highlight");
}