如何隱藏已嵌套在

HTML DIV父DIV：如何隱藏已嵌套在

<div class="btn-small blue"> 
    <span class="label bottom">Vascular Surgery</span> 
</div> 

<div class="btn-small red"> 
    <span class="label bottom">Administrator</span> 
</div> 

<div class="btn-small blue"> 
    <span class="label bottom">Cardiology North</span> 
</div> 

<div class="calContent"> 
    <div class="divContent"> 
     <div class="divContentHolder"> 
      <div> 
       VASCULAR CURGERY 
      </div> 
      <div> 
       CALENDAR GOES HERE 
      </div> 
     </div> 
    </div> 
    <div class="divContent"> 
     This is Second 
    </div> 
    <div class="divContent"> 
     This is Third 
    </div> 
</div>

小提琴：https://jsfiddle.net/geetof8x/

如果我刪除下面的代碼：

有了：

<div class="divContent"> 
    This is First 
</div>

腳本窩ks很好，但在divContent div內添加了額外的div，代碼無法正常工作。

刪除的代碼將用在最終的模板中。我如何編輯JavaScript，以便它可以處理這兩種情況。

來源

2016-01-13 Si8

什麼碼不起作用？ – Cruiser

在小提琴中。當你點擊第一個文字（vacsular手術）時，內容顯示出來。當你點擊管理員或心臟病北方時，什麼都沒有出現。代碼的想法是隱藏顯示的內容並顯示與點擊項目關聯的DIV。 – Si8

索引clcik處理程序中的錯誤元素 – charlietfl

你只對的孩子（不是孫子等）.calContent感興趣。

一種解決方案是使用child selector來選擇限制爲僅直接孩子：

$('.calContent > div:eq(' + $(this).index() + ')').fadeOut();

Updated Fiddle

來源

2016-01-13 14:28:01 Stryner

完美！謝謝。這正是我所期待的我相信的。我會測試它。我+1，但會接受它，一旦我做了測試:) – Si8

如何隱藏已嵌套在

回答

相關問題