1. ホーム
  2. jquery

[解決済み] CSSルールのパーセント値をjQueryで取得する

2022-12-01 08:04:01

質問

次のようなルールがあるとします。

.largeField {
    width: 65%;
}

ピクセル値ではなく、どうにかして「65%」を取り戻す方法はないでしょうか?

ありがとうございます。

EDITです。 残念ながら私の場合、DOMメソッドの使用は信頼性に欠けます。なぜなら、他のスタイルシートをインポートするスタイルシートがあり、その結果 cssRules パラメータは最終的に null または 未定義 の値を指定します。

しかし、この方法は、ほとんどの単純なケース(一つのスタイルシート、複数の別々のスタイルシート宣言が ヘッド タグの中で宣言する)。

どのように解決するのですか?

残念ながら、組み込みの方法はありません。以下のような方法があります。

var width = ( 100 * parseFloat($('.largeField').css('width')) / parseFloat($('.largeField').parent().css('width')) ) + '%';