我有以下HTML布局,我试图隐藏所有未附加ID的div。
$("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解决方案;