如何切換另一個表格元素的刷新

Question

我不確定這是如何引用的，但我試圖在表格元素內切換視圖。爲了進行類比，例如我有一個表格單元格，它顯示兩個圖標，一個用於按圖標顯示文件，另一個用於按列表顯示文件。當單擊這些圖標中的任何一個時，它們應該相應地刷新另一個表格單元格。如果任何人有一個例子或鏈接到一個，我將不勝感激。

Answer 1

您可以將兩個列表添加到您的頁面，並根據單擊哪個圖標顯示其中的一個。默認情況下，隱藏其中一個列表。例如：

CSS：

.hide { 
    display: none; 
}

HTML：

<img src="icon-icon-view.png" id="icon_view_button" alt="icon view icon" /> 
<img src="icon-list-view.png" id="list_view_button" alt="list view icon" /> 

<div id="icon_view">put files with icon here</div> 
<div id="list_view" class="hide">put files as list here</div>

的jQuery：

$('#icon_view_button').click(function() { 
    $('#icon_view').show(); 
    $('#list_view').hide(); 
}); 

$('#list_view_button').click(function() { 
    $('#icon_view').hide(); 
    $('#list_view').show(); 
});

直播：http://jsfiddle.net/wUq7v/