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

您可以按索引进行选择。 Supose，您想要选择第一个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"));
});

参考 LIVE DEMO

Answer 3

您可以使用$('#my-div >li a');

如果您只想选择第一个a代码，那么您可以使用

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

<强> See Demo

Answer 4

应该有ID选择器#

 $("#my-div li a")

顺便说一下，你的HTML结构是无效的。

jQuery - 只选择一个子标记

4 个答案:

实施例