jquery - jQueryを使ってCSSスタイルの値を取得する方法

Question

CSS スタイルの値を取得するには、どのようなメソッドを使用すればよいか知りたいです。CSSの「左」値に一致する条件を作成できるように、jQueryに設定したいと思います。

style 属性を含む CSS および HTML タグを次に示します。

<div class="items" style="left: -900px"> <span>some content here</span> </div>

これが値を取得するための私のjQueryコードです。

<script>
  var n = $("items").css("left");
  if(n == -900){
    $(".items span").fadeOut("slow");
  }
</script>

私の最後では機能しないため、この方法が正しいかどうかを知りたいです。少し助けてくれてありがとう。

注: 左の値は動的で、次の値に変化していました: -900px、-1800px、-2700px、-3600px、-4500px...

score 44 · Accepted Answer

cssleft自体が理解できるとは思えません。位置を指定して使用する必要があります。あなたは.css()正しく使用しています

position: relative/absolute/whatever;
left: 900px;

それが働いているのはここにあります

ポジションなしでここにあなたが得るものがあります

ifステートメントを次のように変更します-引用符で囲みます-900px

var n = $("items").css("left");

if(n == '-900px'){
    $(".items span").fadeOut("slow");
}

score 4 · Accepted Answer

あなたのコードは正しいです。以下のように項目を .items に置き換えます

<script>
  var n = $(".items").css("left");
  if(n == -900){
    $(".items span").fadeOut("slow");
  }
</script>

score 0 · Accepted Answer

はい、あなたが正しい。このcss()メソッドを使用すると、DOM に格納されている目的の css 値を取得できます。詳細については、https ://api.jquery.com/css/ を参照してください。

しかし、その位置を取得したい場合は、offset()およびposition()メソッドをチェックしてその位置を取得できます。

3 に答える 3