jQuery 変数を複数のセレクタに適用する。

質問

jQueryを書き始めの初心者ですが、よろしくお願いします。

一度書いたものを（DOMをいじる程度ですが）
jQueryを高速化のため、スクリプトを現在、見直しています。

HTMLは以下な感じです。
<ul id="hoge">
<li><a>項目1</a><li>
<li><em>項目2</em><li>
</ul>

上記の各liの、さらに中の要素（aとem）を取得するために、
今まで以下のように書いていたのですが
$("#hoge li a, #hoge li em").css("font-weight","bold");

これを、変数(hoge)を使って、書き換えたいと思います。
var hoge = $("#hoge li");

複数セレクタを指定しているのですが、
この場合、セレクタを一気にまとめて書くのは難しいのでしょうか？
↓のように書くしかないのでしょうか？
hoge.find("a").css("font-weight","bold");
hoge.find("em").css("font-weight","bold");

なんか、あまりスマートではないので、
良い方法がありましたら、教えていただけたらと思います。

どうぞ宜しくお願いいたします。

回答No.1

fujillin · ベストアンサー

試してませんが

セレクタを "a, em" などとすることでいけませんか？

お礼

ありがとうございます。
普通に "a, em"　で行けました！
いつも通りやればいいだけなのに、難しく考えていました。
ありがとうございました。