中隐藏没有ID的div

Posted 2023-02-26

我有以下html布局，我试图隐藏所有未附加ID的div。

• 我知道这个问题之前已经有人回答过如何隐藏div，但是当我尝试使用给定的答案时，它是下面的Jquery无效。

$("div.(class-name):not([id])").hide();
article div:before content:attr(class);/* added for visual */
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<article id="1806" class="post-1806">
<div class="entry-content">
<div class="fl-builder-content fl-builder-content-1806 fl-builder-content-primary" data-post-id="1806">
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5cf7a50f62511" id="welcome">div</div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-2cf3a54f65511" id="welcome-2"></div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-2c2345511"></div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-2c5666535511"></div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-34534534511" id="hello"></div>
</div>
</div>
</article>

如果我使用以下代码：

$("div.fl-row:not([id])").hide();
article div:before content:attr(class);/* added for visual */
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<article id="1806" class="post-1806">
<div class="entry-content">
<div class="fl-builder-content fl-builder-content-1806 fl-builder-content-primary" data-post-id="1806">
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5cf7a50f62511" id="welcome">div</div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-2cf3a54f65511" id="welcome-2"></div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-2c2345511"></div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-2c5666535511"></div>
<div class="fl-row fl-row-full-width fl-row-bg-none fl-node-34534534511" id="hello"></div>
</div>
</div>
</article>

它隐藏了整个页面中的所有元素...我正在使用Wordpress，但是我认为这没关系。

有什么想法吗？

我具有以下HTML布局，我试图隐藏所有未附加ID的div。我知道这个问题之前已经回答过如何隐藏div，但是当我尝试使用...

答案

也可以通过重用jQuery中的内容来使用CSS实现。由于您使用的是Wordpress，因此在开发工具中查看与查看页面源代码时HTML可能会有所不同。

另一答案

jQuery解决方案；