プロが教える店舗&オフィスのセキュリティ対策術

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に書き換わってしまいました。

不勉強でお恥ずかしい限りですが、詳しい方いらっしゃいましたらどうかご教授ください。
よろしくお願いいたします。

A 回答 (2件)

>style属性のfont-size: 16px;をfont-size: 18px;にしたい。


ということなので、font-sizeが16pxかどうかを調べればよいのでは?

$("span").filter(function() {
return $(this).css("font-size") == "16px"
}).css("font-size", "18px");
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます!
教えていただいたものをもとに、少し変えてみたらうまくいきました!

$(function() {
$('span').filter(function() {
return ($(this).css("fontSize") == "16px");
}).css("fontSize","18px")
});
プロパティ名はキャメルにしないといけなかった?ようです…

数値でないと>や=が使えないと思い込んでいました。
jQueryは直感的な書き方ができるんですね。もっと勉強したいと思います。
どうもありがとうございました!

お礼日時:2010/08/25 21:33

こんばんは。



ID決め打ちとかじゃ駄目なんですかね?
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます!
idを付与することはできないんです…

お礼日時:2010/08/25 21:20

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!