如果css有样式，则为元素添加addClass

Question

请看看下面的问题和答案，第二个答案(有很多人支持)如何检查元素是否有特定的css类/样式

看起来像这样:

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

这个很好，但是我想用

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

所以ID为" youelement "的元素被添加了一个类

最简单的方法是什么

Answer 1

你可以这样做:

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

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

Answer 2

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

Answer 3

// Cache your element first
var $element = $('#yourElement');
if ($element.css('position') == 'absolute') {
    $element.addClass('xxx');
}

Answer 4

将$('#yourElement')赋给一个变量。然后对该变量执行检查，并将类也添加到其中。这只是节省了在您的示例中使用$()函数对DOM进行查询的次数，并且可能需要进一步的操作。

例如:

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