Re: [問題] 動態表格(可隱藏/顯示)

看板Web_Design作者knives時間15年前 (2010/04/12 16:28)推噓1(1推 0噓 1→)

留言2則, 1人參與討論串2/3 (看更多)

我的作法是這樣先定義一組 css:.row_hidden { visibility:hidden; }/不讓後面的欄位自動往前 //如果你要讓後面的欄位自動往前就改成display:none; 然後HTML大概這樣 <table width="200" border="1"> <tr> <th scope="col" ><span class="clickme" id="1">按我</span>1</th> <th scope="col" ><span class="clickme" id="2">按我</span>2</th> <th scope="col" ><span class="clickme" id="3">按我</span>3</th> </tr> <tr> <td class="t1">4</td> <td class="t2">5</td> <td class="t3" >6</td> </tr> <tr> <td class="t1">7</td> <td class="t2" >8</td> <td class="t3" >9</td> </tr> </table> 再來用jQuery這樣寫 $('.clickme').click(function(){ $(this).toggleClass('add'); //把-換成+ $('.t'+$(this).attr('id')).toggleClass('row_hidden'); }); 其實我比較想知道，能不能直接自動判斷是那一欄，就隱藏該欄位，而不需要另外透過一個 id 值 : 如果想要設計一個簡單的表格 : ┌────┬──┬──┬──┬──┬─┐ : │ NAME │-B │-C │-D │-E │-F│ : ├────┼──┼──┼──┼──┼─┤ : ├────┼──┼──┼──┼──┼─┤ : ├────┼──┼──┼──┼──┼─┤ : ├────┼──┼──┼──┼──┼─┤ : ├────┼──┼──┼──┼──┼─┤ : └────┴──┴──┴──┴──┴─┘ : 然後我按- 那一欄就消失 + 按了可以再打開 : 這樣應該用甚麼code實現? (js?) 或是可以提供關鍵字我慢慢找 : 感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.117.39.194

推

Kelunyang

04/12 16:30, , 1^F

04/12 16:30, 1^F

→

Kelunyang

04/12 16:31, , 2^F

04/12 16:31, 2^F

‣ 返回看板[ Web_Design ] 網路

‣ 更多 knives 的文章

文章代碼(AID): #1BmjcsKm (Web_Design)