javascript - jQuery - 只选择一个子标签

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 结构无效。