[解決済み] 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')) ) + '%';
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] チェックボックスがチェックされた場合のjQuery
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] jQueryの.ajax()メソッドが私のセッションクッキーを送信しないのはなぜですか?
-
[解決済み] jQueryで、ある要素を他の要素に対して相対的に配置するには?
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み】$(window).width()がメディアクエリとは違う
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?