javascript - 如何拖曳html的表格column?
想拖曳表格的column，
例如把"名稱"及下面的全部的值拖曳，
插入到"代碼"和"成交價"中間。
js代碼不知這樣寫對不對，html就不會寫了
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("Text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
ev.currentTarget.appendChild($('#data'));
}
<table>
<tr>
<th>功能</th>
<th>代碼</th>
<th>成交價</th>
<th>名稱</th>
</tr>
<tr>
<td></td>
<td>FITX</td>
<td>9238</td>
<td>臺指1610</td>
</tr>
<tr>
<td></td>
<td>FIMTX</td>
<td>9237</td>
<td>小臺1610</td>
</tr>
<tr>
<td></td>
<td>FIT5</td>
<td>9236</td>
<td>臺50指1610</td>
</tr>
<tr>
<td></td>
<td>FITE</td>
<td>379.75</td>
<td>電指1610</td>
</tr>
</table>
