javascript jQuery运行时显示隐藏的DIV(并隐藏另一个DIV)[duplicate]

ljo96ir5 于 2023-01-19 发布在 Java

关注(0)|答案(2)|浏览(175)

- 此问题在此处已有答案**：

Show/hide 'div' using JavaScript（15个答案）
21小时前关门了。
我创建了一个脚本，如果DIV类包含文本"No Event Found"或"Error"，它将隐藏DIV类。这部分工作得很好，但是当发生这种情况时，我希望加载一个隐藏的DIV ID。（#brxe-akqmjs）

<script>
const divs = document.getElementsByClassName('etn-not-found-post');

for (let x = 0; x < divs.length; x++) {
    const div = divs[x];
    const content = div.textContent.trim();
  
    if (content == 'No Event Found' || content == 'Error') {
        div.style.display = 'none';
    }
}
</script>

我怎样才能正确地加载它呢？我想显示的DIV设置为显示：无。
先谢谢你了。
我试过添加if语句，但这只会导致原始代码中断。

JavaScript

来源：https://stackoverflow.com/questions/75155042/show-a-hidden-div-when-jquery-runs-and-hides-another-div

2条答案

按热度按时间

ghg1uchk1#

你可以简单地使用jquery hide()和show()方法来隐藏和显示内容，这里我用jquery格式重写了这个函数。

<script>
const divs = $('.etn-not-found-post');

for (let x = 0; x < divs.length; x++) {
    const div = divs[x];
    const content = div.textContent.trim();
  
    if (content == 'No Event Found' || content == 'Error') {
        div.hide();
    }else{
        div.show();
    }
}
</script>

赞(0）回复(0）举报 2023-01-19

zzlelutf2#

这取决于带ID的隐藏DIV是如何实现的。
让我尝试介绍两种方法：
1.使用display: none;隐藏css中的DIV
1.使用属性hidden隐藏DIV
对于这两种情况，首先通过ID获取元素引用。

var divWithID = document.getElementById("divWithID");

现在，对于第一种情况，更新style属性。

dovWithId.style.display = "block";

对于第2种情况，将隐藏属性值设置为false

divWithID.setAttribute("hidden", false);

希望这能帮助和澄清你的问题。

赞(0）回复(0）举报 2023-01-19

我来回答

javascript jQuery运行时显示隐藏的DIV(并隐藏另一个DIV)[duplicate]

2条答案

相关问题

热门标签

最新问答