javascript - 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/