jQueryセレクタ／複数要素の指定タグ先頭を選択

質問

・下記で、先頭のli要素だけをセレクタしたいのですが、どうすれば良いでしょうか？
<ul>
　<span>※※※※</span>
　<li>ここが対象</li>
　<li>※※※※※</li>
　<li>※※※※※</li>
</ul>
<ul>
　<span>※※※※</span>
　<li>ここが対象</li>
　<li>※※※※※</li>
　<li>※※※※※</li>
</ul>
<ul>
　<span>※※※※</span>
　<li>ここが対象</li>
　<li>※※※※※</li>
　<li>※※※※※</li>
</ul>

回答No.1

noname#236265 · ベストアンサー

最初のulにある、先頭のliを指定するということでしょうか？
$("ul:nth-of-type(1) li:nth-of-type(1)")

それぞれのulにある先頭のliの場合は
$("ul li:nth-of-type(1)")

cssの話ですが、nth-of-type(n)でn番目の要素を指定できます。
IE8以下では使えません。

お礼

回答ありがとうございました。
おかげでうまくいきました。
結構悩んでいたので、大変助かりましたー