如果css具有样式，则jquery addClass为element

Question

请看下面的问题和答案，第二个答案（与许多upvotes） Jquery: How to check if the element has certain css class/style

看起来像这样：

if ($('#yourElement').css('position') == 'absolute') {
    // true
}

所以这很棒但是我想要像

这样的东西

if ($('#yourElement').css('position') == 'absolute') {
    $(this).addClass('xxx');
}

所以ID为“yourElement”的元素会添加一个类

最简单的方法是什么

Answer 1

你可以这样做：

$('#yourElement').addClass(function(index, currentClass) {
    return $(this).css('position') == 'absolute' ? 'xxx' : '';
});

有关语法的更多信息，请查看API for .addClass()。

Answer 2

将$('#yourElement')分配给变量。然后对该变量执行检查并将类添加到该变量中。这样可以简单地节省在您的示例中使用$()函数对DOM进行的查询次数，并且可能需要进一步操作。

例如：

var your_element = $('#yourElement');
if (your_element.css('position') == 'absolute') { your_element.addClass('xxx'); }

Answer 3

var yourElement = $('#yourElement');    
if (yourElement.css('position') == 'absolute') {
        yourElement.addClass('xxx');
}

Answer 4

// Cache your element first
var $element = $('#yourElement');

if ($element.css('position') == 'absolute') {
    $element.addClass('xxx');
}