javascript - cssにスタイルがある場合、要素へのjquery addClass

Question

次のようになります。

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

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');
}

score 2 · Accepted Answer

変数に割り当て$('#yourElement')ます。次に、その変数のチェックを実行し、クラスも追加します。これにより、例の関数を使用してDOMに対して行われるクエリの数が節約され、$()さらに操作が必要になる可能性が高くなります。

例えば：

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

4 に答える 4