除孩子外，选择所有人

Question

我有一个像这样的HTML结构：

<div class="foo">
    <ul>
        <li>
            <a href="link.bar">Good</a>
            <ul class="children">
                <li>
                    <a href="otherlink.baz">Bad</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

现在我想选择“好”a而不选择“坏”a（使用jQuery）。我试过.foo ul:not(.children) li a，但这不起作用（显然）。是否有可能实现单线程？

Fiddle

Answer 1

您可以寻找直接后代.foo > ul > li > a

Answer 2

这样做，这是其中一种方式......

var good= $("a[href='link.bar']") ...

http://api.jquery.com/attribute-equals-selector/

Answer 3

在你给出的这个特殊场景中。它可以通过以下一行来完成

$(a ,'.foo').first();

我希望它有所帮助。如果它不起作用，请告诉我，我将删除我的答案。感谢。