javascript - 每时每刻隐藏元素

标签 javascript jquery css html

我有一个段落元素,其中填充了用于 javascript 的内容。我想在其中没有文本时隐藏该元素。我不想使用 setTimeout 或 setInterval;而且我不想让它成为一个函数并在每个函数中调用,因为有很多函数可以操纵我的段落元素的内容。执行此操作的最佳方法是什么?

最佳答案

假设您在所有段落上设置了一些样式,因此即使它们为空也会显示它们,为了隐藏它们,无需更改 javascript 代码,您可以使用 empty 将 css 样式应用于空段落选择器如下:

  p:empty { display: none } 

在不设置任何间隔或检查的情况下,只要 p 元素变为空,此 css 规则就会将其从页面中隐藏。

Check the sample

关于javascript - 每时每刻隐藏元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29505489/

相关文章:

javascript - 列出元素的所有绑定(bind)(使用 jQuery)

php - Paypal 立即购买按钮 - 下拉数量

jquery - cy.get 返回无效的 jquery 元素

css - 具有宽度限制的径向 CSS 渐变?

javascript - 当通过 innerHTML 添加内容时,发生不必要的滚动到元素

javascript - 带有 ui-router 的可重用子状态

Javascript 在单选按钮上显示/隐藏

html - 使用线性渐变 css 制作三 Angular 形叠加层

javascript - 带有 jQ​​uery 和 nth-child 的下拉菜单

javascript - 类型错误 : Failed to fetch - Only on Cordova application