jQuery 选择器没有按照我期望的方式工作

Question

考虑以下简单的 HTML:

<div id="navcontainer">
        <a href="#"><img alt="" src="Img1.jpg" /></a>
        <a href="#"><img alt="" src="Img2.jpg" /></a>
        <a href="#"><img alt="" src="Img3.jpg" /></a>
        <a href="#"><img alt="" src="Img4.jpg" /></a>
        <a href="#"><img alt="" src="Img5.jpg" /></a>
</div>

为了便于讨论，我们假设它只是一个包含许多 DIV 和 A 的大页面的一小部分。

我想要做的是隐藏标签和其中的图像。如果我这样做，它会起作用:

$('a').hide();

但是就像我说的，页面上有很多链接，所以我想非常具体。本质上，我只想要 <div> 内的链接。具有“navcontainer”类。所以从我在网上看到的情况来看，它应该是以下两种格式之一。第二个对我来说看起来很完美。但两者都不适合我。

$('div.navcontainer a').hide();
$('div.navcontainer > a').hide();

我一定错过了一些愚蠢的事情。谁能告诉我一下吗？

Answer 1

您混淆了类和 ID 选择器

$('#navcontainer a').hide();
$('#navcontainer > a').hide();