javascript - 使用 css 隐藏特定 p 标签的第二个 div

Question

我想隐藏这个 div 之后的第二个 div，没有它的标识符div。

这就是为什么我把这个p标签属性作为一个标识符。我尝试使用 jQuery，但在页面加载中它有时是可见的。有什么办法可以永久隐藏吗？

div p[data-udy-fe="text_-a91032"] {
    
}

我在这里添加了我的 jQuery 代码，但是当页面加载时，我们可以在div几秒钟内看到 's 的内容。我需要永久隐藏它，没有短暂的闪光。

$("p").each(function(){        
    if($(this).attr('data-udy-fe') == 'text_-a91032') {
        $(this).next('div').next('div').hide();
    }
});

标签： javascripthtmljquerycss

Answer 1

您可以使用+ div + div选择器

p[data-udy-fe="text_-a91032"]+ div + div {
  display: none;
}

<div>
  <div>Paragraph1</div>
  <div>Paragraph2</div>
  <p data-udy-fe="text_-a91032">Paragraph3</p>
  <div>Paragraph4</div>
  <div>this one is not displayed</div>
  <div>Paragraph6</div>
<div>