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 ベストアンサー 回答者： muromuro300 回答日時： 2014/07/08 00:28

最初の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以下では使えません。

この回答へのお礼

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

お礼日時：2014/07/08 06:42