2013-04-02 131 views
-1

我有四列詳細介紹遊戲的更新日誌,我想添加一個選項,允許用戶只需單擊一個按鈕,只讓他們查看最新的更新。每個更新都有它自己的div。我可以通過JQuery來添加一個id給最新的更新div,比如「current」,點擊一個按鈕,刪除所有沒有「current」id的class「update」的div ?選擇性div隱藏ID

四列 - >有最近更新的每一列看起來像這樣: -

<div class="ch-update"> 
      <div class="ch-update-header active"> 
       Minecraft 1.5.1 
      </div> 
      <ul> 
       <li>Fixed a bunch of bugs</li> 
       <li>Improved performance</li> 
       <li>Notable: Crash on Mac OS X on "OpenGL Function Not Supported"</li> 
       <li>Notable: Unable to place paintings</li> 
      </ul> 
     </div> 
+0

代碼所需的plz ......! – Jai

回答

1

你規定─

刪除所有與類「更新」不具有「當前」的id

我覺得這個申報單應該這樣做:

$('button').click(function(){ 
    $('.update:not(#current)').fadeOut().remove(); 
}); 
1

而不是通過類維護你的狀態,你可能想只取DOM排序的優勢。即,只需刪除所有不是最後一個的div。例如,

我當然在這裏做你的標記的假設,因爲它沒有提供。但是相互作用可能是這個樣子:

$('#view-recent-for-column-1').click(function() { 
    $('#column-1 > div').slice(0, -1).remove(); 
}); 
+0

我的標記現在已被添加到OP。這種方法是否允許四個最近的更新,每列一個? – user1832425