jQueryで特定のcssプロパティの値を書き換えたい

質問

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://okwave.jp/qa/q5310183.html
似たような質問が上記でされていて、真似て書いてみたのですが、これだとfont-sizeが16pxでないものも全て18pxに書き換わってしまいました。

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

回答No.1

fujillin · ベストアンサー

＞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は直感的な書き方ができるんですね。もっと勉強したいと思います。
どうもありがとうございました！

回答No.2

taka451213

こんばんは。

ID決め打ちとかじゃ駄目なんですかね？

お礼

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