javascript - 如果css有样式，jquery addClass to element

Question

请看下面的问题和答案，第二个答案（有很多赞成票） 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”的元素添加了一个类

最简单的方法是什么

score 4 · Accepted Answer

你可以这样做：

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

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

score 2 · Accepted Answer

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

例如：

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

score 2 · Accepted Answer

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

score 2 · Accepted Answer

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

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

4 回答 4