jquery - 如何使用 jquery 删除不存在 id 之上的特定类的元素

Question

您好，这是自动生成的代码:

<div class="divider"></div>
<article class="link"></article>
<div class="divider"></div>
<article></article>
<div class="divider"></div>
<article></article>
<div class="divider"></div>

现在我不喜欢看到第一个分隔符，所以 $("divider").first().css("display", "none"); 工作正常。

然而，任何带有“链接”类的文章都必须隐藏 $("link").first().css("display", "none");

这使得第二个分隔线扮演第一个分隔线的 Angular 色，所以我也需要隐藏它。我不能说隐藏第二个分隔线并非总是如此。甚至可以是

<div class="divider"></div>
<article class="link"></article>
<div class="divider"></div>
<article class="link"></article>
<div class="divider"></div>
<article class="link"></article>

在这种情况下，我需要隐藏所有分隔线。

如果文章在 .divider 之前不存在，我需要一些链接然后将其隐藏

有什么帮助吗？谢谢

Answer 1

我会首先隐藏所有的.link，用

$('article.link').hide()

然后隐藏所有在.article之前的.divider(这样你就不会看到两个.divider一个接一个)与

.prev('.divider').hide();

最后我会用

隐藏第一个 .divider

$('.whatever-container-you-have > .divider:first-child').hide();

全部包裹在一起就变成了:

$('article.link').hide().prev('.divider').hide();
$('.whatever-container-you-have > .divider:first-child').hide();

这应该符合您的需要。