2014-11-06 88 views
0

我試圖用切換行設置表。jQuery切換錶行

|-------------------------------------| 
| Time | Icon | Name | Toggle Button | 
|  |-----------------------------| 
|  | Description (toggled)  | 
|-------------------------------------| 

<table> 
    <tr> 
     <td rowspan="2" class="time-block">Time</td> 
     <td>Icon</td> 
     <td>Name</td> 
     <td><a href="#" class="toggle-button">Toggle Button</a></td> 
    </tr> 
    <tr class="description"> 
     <td colspan="3">Description</td> 
    </tr> 
</table> 

$('.toggle-button').click(function(e){ 
    e.preventDefault(); 
    $(this).closest('tr').next('tr').toggle(); 
}); 

這jQuery不會觸發以下tr,但是當它的佈局被因的「時間」 td細胞的rowspan屬性雜亂無章。

我的目標是在函數中添加一行,將rowspan屬性更改爲'1'。

添加$(this).closest('tr td.time').attr('rowspan', '1')該功能不起作用。

任何幫助,非常感謝!

回答

1
$('.time-block').attr('rowspan',1); 
+0

這不起作用。另外,在這種情況下,我相信一個字符串和一個數字一樣好。 http://api.jquery.com/attr/ – psorensen 2014-11-06 17:37:47

+1

這個工作對我來說 http://jsfiddle.net/uou32j17/ – 2014-11-06 17:40:11

+0

謝謝你。看到這個更新的小提琴看到的問題:基本上,表部分有很多迭代,所以'.closest()'是必要的。 http://jsfiddle.net/uou32j17/ – psorensen 2014-11-06 17:48:47