为什么生成出来是text而不是新加一列

抱歉，我之前的回答有误。在代码中使用`after()`方法只会在指定位置插入文本内容，而不会创建新的列元素。

要实现在table中间位置增加一列，需要进行以下步骤：

1. 获取table元素。
2. 获取table的列数。
3. 计算要插入的列的索引。
4. 遍历每一行，创建新的列元素并插入到指定索引位置。

以下是修正后的代码：

$(document).ready(function() {
  // 获取table元素
  var table = $('table');

  // 获取table的列数
  var colCount = table.find('tr:first-child th').length;

  // 计算要插入的列的索引
  var insertIndex = Math.floor(colCount / 2);

  // 遍历每一行，在指定索引处插入新的列
  table.find('tr').each(function() {
    var newColumn = $('<th>New Column</th>');
    $(this).find('th:eq(' + insertIndex + ')').after(newColumn);

    var newData = $('<td>New Data</td>');
    $(this).find('td:eq(' + insertIndex + ')').after(newData);
  });
});

修正后的代码会创建新的`<th>`和`<td>`元素，然后使用`after()`方法将它们插入到指定位置。这样就能实现在table的中间位置增加一列。