jquery - jqueryを使用したFIX TD colspan

Question

このようなテーブルがあります

<table>
  <tr>
    <td colspan="3" class="details">Some Text</td>
  </tr>
  <tr>
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
  </tr>
</table>

colspan を通常のテーブル列に固定して、列が均等に分割されるようにするにはどうすればよいですか? ありがとう

Answer 1

さて、最初に思いついた方法は次のとおりです。

$("td[colspan]").each(function() {   // find all tds that have a colspan specified
    var $td = $(this),
        cols = +$td.attr("colspan"); // get the value

    $td.attr("colspan",1);           // set the cell to have colspan 1
    for (var i = 1; i < cols; i++)   // add as many clones of the current cell
       $td.after($td.clone());       // as needed to replace the original colspan
});

デモ: http://jsfiddle.net/vpw8j/