代码之家 › 专栏 › 技术社区 › Jamie Taylor

如果下面没有div,则隐藏标题

hide html jquery javascript

Jamie Taylor · 技术社区 · 14 年前

我有一些像这样的层次

<div class="evenprop">some prop</div>
<div class="evenprop">some prop2</div>
<div class="evenprop">some prop3</div>

<h3 class="otherprop">Other Props</h3>

<div class="evenprop">some prop4</div>
<div class="evenprop">some prop5</div>

这很好,但是如果数据看起来像这样,我需要隐藏“otherprop”类

<div class="evenprop">some prop</div>
<div class="evenprop">some prop2</div>
<div class="evenprop">some prop3</div>
<div class="evenprop">some prop4</div>
<div class="evenprop">some prop5</div>

<h3 class="otherprop">Other Props</h3>

层是动态放置的,所以不知道如何做到这一点,我需要说,如果类“otherprop”下面没有数据,那么隐藏“otherprop”如果这是有意义的

如果没有以下数据,则为所需结果

<div class="evenprop">some prop</div>
<div class="evenprop">some prop2</div>
<div class="evenprop">some prop3</div>
<div class="evenprop">some prop4</div>
<div class="evenprop">some prop5</div>

<div class="evenprop">some prop</div>
<div class="evenprop">some prop2</div>
<div class="evenprop">some prop4</div>
<div class="evenprop">some prop5</div>

<h3 class="otherprop">Other Props</h3>

<div class="evenprop">some prop3</div>

非常感谢

杰米

4 回复 | 直到 14 年前

Vinay B R 14 年前

试试这个

var nxtSib = document.getElementsByClassName('otherprop')[0].NextSibling;
if(nxtSib != 'evenprop')
    nxtSib.style.display = 'none';

Russell Davis 14 年前

在CSS中尝试以下操作:

.otherprop:last-child {
  display: none;
}

sharat87 14 年前

无论何时动态更改那里的数据,您都可以检查是否存在这样的东西,例如。。。

var op = $('.otherprop');
if(op.nextAll('div').length) {
    op.show();
else {
    op.hide();
}

而不是使用 op.show() 和 op.hide() ,我也建议使用 op.addClass('available') 和 op.removeClass('available') 附带以下css

.otherprop {
    display: none;
}
.otherprop.available {
    display: block;
}

未经测试,但应该有效。

Jamie Taylor 14 年前

谢谢你的回答,但这就是我最终得到理想结果的原因

if ($('.property > .evenprop').is(':visible')){
            $('.otherprop').show();
        } else {
            $('.otherprop').hide();
        }

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前