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>

属性max == 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"));

是吗？