隱藏標題若跌破

Question

不派息我有一些層像這樣

<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 prop4</div> 
<div class="evenprop">some prop5</div> 

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

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

非常感謝

數據傑米

Answer 1

感謝您的答案，但是這是我得到了我想要的結果到底

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

Answer 2

嘗試這樣的事情

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

Answer 3

在你的CSS試試這個：

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

Answer 4

每當動態改變數據在那裏，你可以檢查是否有這樣的事情是有的，像這樣......

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; 
} 

未經檢驗的，但應該工作。