隱藏列

HTML：隱藏列

<table class="list qy"> 
<tr> 
    <td>cell1</td> 
    <td class="q">cell2</td> 
    <td>cell3</td> 
    <td class="y">cell4</td> 
</tr> 
</table>

CSS：

table.qy td.q, table.qy td.y { display: none; }

JS：

function toggleQY(b) { 
$("table.list").toggleClass("qy") 
}

它迅速開展工作比JS運行爲一個（$（「table.list td.q，table.list td.y」）...）但它不工作在IE瀏覽器（8,9）...

據我瞭解，增加了對錶，但表中沒有刷新...

我不有想法（（（

PS對不起，我的英語

來源

2013-06-24 Wrun

應該工作，但無論如何嘗試'知名度：hidden' - 除非你需要它從文件中消失流動 – casraf

我很驚訝，如果這實際工作。使用'display：none'會將表格單元從文檔流中取出，但是這會創建一個格式不正確的表格，因爲您缺少一個單元格！你可能不得不擴大其他單元格來用'colspan = 2'填充這個空間......也許最好是將單元格包裝在另一個div中，或者只使用'visibility：hidden'。這是表格數據BTW嗎？ – ProfileTwist

如果你正在試圖做的一切都是撥動元素的可見性，你總是可以只使用.toggle()

$('table.list').find('.q, .y').toggle()

來源

2013-06-24 15:42:49 Wex

工作很好，看起來不錯）太棒了！ TNX！ – Wrun

你是不是想默認隱藏的列，然後點擊表再次顯示他們？那麼你可能想是這樣的......

默認隱藏特定的列的CSS：

.list .q, .list .y { 
    display:none; 
}

然後後面那個，我假設要切換上表點擊你的隱藏的列。 jQuery的：

$(function() { 
    $('table.list').on("click",function(){ 
    $(this).find('.q, .y').toggle(); 
    }); 
})

來源

2013-06-24 15:58:14 blackhawk

回答

相關問題