Rowspan с jQuery?

Question

<table> 
    <tr><td>aaa</td><td id="one" max="3">aaa</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td></tr> 
</table> 

table td { 
    padding: 3px; 
    border:solid 2px red; 
    } 

Я хотел бы получить, используя только JQuery это:

<table> 
    <tr><td>aaa</td><td rowspan="3">aaa</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td></tr> 
</table> 

Атрибут макс == RowSpan. Возможно ли это?

Прямой эфир: http://jsfiddle.net/fKQSz/

Answer 1

Вы можете сделать это следующим образом:

var start = $('#one'); 
var n = start.attr('max'); 
start = start.prop('rowspan',n).parent(); 
var idx = start.index(); 

while(--n) { 
    start = start.next(); 
    start.children().eq(idx).remove(); 
} 

http://jsfiddle.net/fKQSz/4/

Answer 2

Эээ ... так что вы хотите:

var td = document.getElementById('one'); 
td.setAttribute("colspan",td.getAttribute("max")); 

Является ли это?