javascript - jQuery-1つの子タグのみを選択します

Question

a中のタグだけを選びたいmy-div。

<div id="my-div">
    <li><a class="class1" href="href">text1</a>
        <ul class="ul-internal">
            <li><a href="....">....</a></li>
            <li><a href="....">....</a></li>
        </ul>
    </li>
</div>

私が今$("div#my-div li a")していることは、最初のli内のすべてのタグを返すことです。あなたの提案は？

Answer 1

インデックスで選択できます。たとえば、次の方法で最初のものを選択するとしますa。

$("div#my-div li a").eq(0)

第二aに、

$("div#my-div li a").eq(1)

等々...

Answer 2

この方法を試してください：-

div#my-div li a:first

例：

$("div#my-div li a:first").each(function() {
    alert($(this)​.attr("href"));
});

ライブデモを参照

Answer 3

使用できます$('#my-div >li a');

a最初のタグのみを選択する場合は、

$('#my-div > li a:first');

デモを見る

Answer 4

あるIDセレクターがあるはずです#

 $("#my-div li a")

ちなみに、HTML構造は無効です。