如何用jquery将多个td标签合并成一个带colspan的
<table id="apple">
<tr>
<td>S</td>
<td id="a">A</td>
<td id="b">B</td>
<td id="c">C</td>
</tr>
<tr>
<td>S</td>
<td id="d">D</td>
<td id="e">E</td>
<td id="f">F</td>
</tr>
</table>

如何用jquery将上面的代码变成
<table id="apple">
<tr>
<td>S</td>
<td id="all" colspan="3">ALL</td>
</tr>
<tr>
<td>S</td>
<td id="d">D</td>
<td id="e">E</td>
<td id="f">F</td>
</tr>
</table>
[解决办法]

<table id="apple">
  <tr>
    <td>S</td>
    <td id="a">A</td>
    <td id="b">B</td>
    <td id="c">C</td>
  </tr>
  <tr>
    <td>S</td>
    <td id="d">D</td>
    <td id="e">E</td>
    <td id="f">F</td>
  </tr>
</table>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("jquery", "1");
  google.load("jqueryui", "1");
</script>
<SCRIPT Language="Javascript">
var ntd = $('<td>')
ntd.attr("id","all")
ntd.attr("colspan",$("#apple").find("tr").eq(0).find("td").index())
ntd.html("ALL")
var oldtd = $("#apple").find("tr").eq(0).find("td").eq(0)
$("#apple").find("tr").eq(0).html("")
$("#apple").find("tr").eq(0).append(oldtd)
$("#apple").find("tr").eq(0).append(ntd)
</SCRIPT>