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を探す
おすすめ情報
- ・「みんな教えて! 選手権!!」開催のお知らせ
- ・漫画をレンタルでお得に読める!
- ・「これいらなくない?」という慣習、教えてください
- ・今から楽しみな予定はありますか?
- ・AIツールの活用方法を教えて
- ・【選手権お題その3】この画像で一言【大喜利】
- ・【お題】逆襲の桃太郎
- ・自分独自の健康法はある?
- ・最強の防寒、あったか術を教えてください!
- ・【大喜利】【投稿~1/9】 忍者がやってるYouTubeが炎上してしまった理由
- ・歳とったな〜〜と思ったことは?
- ・ちょっと先の未来クイズ第6問
- ・モテ期を経験した方いらっしゃいますか?
- ・好きな人を振り向かせるためにしたこと
- ・【選手権お題その2】この漫画の2コマ目を考えてください
- ・【選手権お題その1】これってもしかして自分だけかもしれないな…と思うあるあるを教えてください
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSでreadonlyの機能はあり...
-
折りたたみを全て開いて別ペー...
-
jqueryアコーディオンの上部の...
-
特定の条件のHTML要素を一括で...
-
javascriptで複数の表示・非表...
-
確認ダイアログを次からは表示...
-
「ご処理進めて頂きますようお...
-
エクセルで、日付を入力すると...
-
Excelシート上のマクロを登録し...
-
VBの質問#if 0 then ってどう...
-
UPS警告音を止めたい
-
EXCEL VBA マクロ 実行する度に...
-
お家デートをしててハグを長い...
-
C# 超初心者です。 this.Refres...
-
エクセルVBAで、MsgBox やInput...
-
Excel VBA マクロ実行中のみテンキ...
-
CloseとDisposeの違い
-
【Excel】特定の文字を含むセル...
-
月度は何て読みますか?
-
KEYPREVIEW=TRUEについて。意味...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
確認ダイアログを次からは表示...
-
javascriptで複数の表示・非表...
-
CSSでreadonlyの機能はあり...
-
特定の条件のHTML要素を一括で...
-
formのsubmitを押すとモーダル...
-
折りたたみを全て開いて別ペー...
-
クリックすると、色が変わるよ...
-
動画の上に広告をオーバーレイ...
-
改行をしたいが、<br>と...
-
SITEINFOの書き方について
-
jQueryでのドラッグアンドドロ...
-
jqueryを使ったスムーススクロ...
-
GoogleストリートビューAPIでイ...
-
100均のダイソーの店舗情報のよ...
-
時間帯によって背景を切り替え...
-
iframe内のスクリプトを親から3...
-
学習サイトを見よう見まねで、J...
-
JavaScriptのinnerHTMLの挙動に...
-
Google マップ でKMLの情報が正...
-
2回目以降のページロード時には...
おすすめ情報