在jQuery函数中重用id

Question

有没有办法不在此代码中重复我的#status-message-not-saved？

$('#form-data :input').change(function() {
    if($('#status-message-not-saved').hasClass('hide') ) {
        $('#status-message-not-saved').removeClass('hide');
    }
});

非常感谢。

Answer 1

是。只需添加一个类选择器。

$('#status-message-not-saved.hide').removeClass('hide');

但是，您甚至不需要在此处使用hasClass或类选择器。当元素没有类名时，jQuery removeClass不会抱怨。

如果要重用jQuery包装元素，可以缓存它。

$('#form-data :input').change(function() {
    var $el = $('#status-message-not-saved').removeClass('hide');
    // ...
});

Answer 2

您可以指定变量。

$('#form-data :input').change(function() {
    var $foo = $('#status-message-not-saved');
    if($foo.hasClass('hide') ) {
        $foo.removeClass('hide');
    }
});