![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
jQueryで特定のcssプロパティの値を書き換えたい
html上にインラインで記述しているスタイルのうち、特定のプロパティの値のみをjQueryで書き換えることはできますでしょうか。
具体的には↓
<span style="font-size: 16px;font-weight: bold;">テキスト1</span>
<span style="color: #f00; font-size: 16px;">テキスト2</span>を
<span style="font-size: 18px;font-weight: bold;">テキスト1</span>
<span style=""color: #f00; font-size: 18px;">テキスト2</span>に
style属性のfont-size: 16px;をfont-size: 18px;にしたい。
他は変えずそのままにしたい。
$(function() {
$('span').filter(function() {
return ($(this).css("font-size","16px"));
}).css("font-size","18px")
});
http://oshiete.goo.ne.jp/qa/5310183.html
似たような質問が上記でされていて、真似て書いてみたのですが、これだとfont-sizeが16pxでないものも全て18pxに書き換わってしまいました。
不勉強でお恥ずかしい限りですが、詳しい方いらっしゃいましたらどうかご教授ください。
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
>style属性のfont-size: 16px;をfont-size: 18px;にしたい。
ということなので、font-sizeが16pxかどうかを調べればよいのでは?
$("span").filter(function() {
return $(this).css("font-size") == "16px"
}).css("font-size", "18px");
ご回答ありがとうございます!
教えていただいたものをもとに、少し変えてみたらうまくいきました!
$(function() {
$('span').filter(function() {
return ($(this).css("fontSize") == "16px");
}).css("fontSize","18px")
});
プロパティ名はキャメルにしないといけなかった?ようです…
数値でないと>や=が使えないと思い込んでいました。
jQueryは直感的な書き方ができるんですね。もっと勉強したいと思います。
どうもありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- PHP アンドロイドスマホでのphp echoの文字サイズ 1 2023/05/13 15:15
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
折りたたみを全て開いて別ペー...
-
確認ダイアログを次からは表示...
-
formのsubmitを押すとモーダル...
-
Q&A掲示板の入力フォームに文字...
-
CSSでreadonlyの機能はあり...
-
動画の上に広告をオーバーレイ...
-
「ご処理進めて頂きますようお...
-
HTMLです。画像をHTMLで表した...
-
エクセルで、日付を入力すると...
-
CloseとDisposeの違い
-
VBAでループ内で使う変数名を可...
-
エクセルVBAで、MsgBox やInput...
-
VBA エンターキーでイベントに...
-
Excelシート上のマクロを登録し...
-
【Excel VBA】マクロボタンを表...
-
「PC Helpsoft Driver Updated...
-
アクセスVBAのMe!と[ ]
-
UPS警告音を止めたい
-
【Excel】特定の文字を含むセル...
-
DoEventsがやはり分からない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
確認ダイアログを次からは表示...
-
CSSでreadonlyの機能はあり...
-
formのsubmitを押すとモーダル...
-
Q&A掲示板の入力フォームに文字...
-
JavascriptのHTMLクラス表示に...
-
3重のクォーテーション
-
JavaScriptのinnerHTMLの挙動に...
-
特定の条件のHTML要素を一括で...
-
クリックすると、色が変わるよ...
-
jqueryを使ったスムーススクロ...
-
折りたたみを全て開いて別ペー...
-
jQuery 画面サイズにスライド画...
-
2回目以降のページロード時には...
-
Bootstrap Javascriptでモーダル
-
jQueryのSlickで矢印アイコンが...
-
javascriptとcssでフォントサイ...
-
JavaScriptのdiv.style属性の変...
-
フォームで「パスワード(確認...
-
macかwinか判別しスタイルシー...
-
javascript htmlの追記について
おすすめ情報