Javascript TD的重复内容

我有一个具有以下结构的表：

<table>
  <tr>
    <td>
      <input type="text" value="abc" />
    </td>
    <td>
      <input type="text" value="def" />
    </td>
    <td>
      <input type="text" value="ghi" />
    </td>
  </tr>
  <tr>
    <td>
      <select>
        <option>
          123
        </option>
        <option selected="selected">
          456
        </option>
        <option>
          789
        </option>
      </select>
    </td>
    <td>
      <select>
        <option>
          123
        </option>
        <option>
          456
        </option>
        <option>
          789
        </option>
      </select>
    </td>
    <td>
      <select>
        <option>
          123
        </option>
        <option>
          456
        </option>
        <option>
          789
        </option>
      </select>
    </td>
  </tr>
  <tr>
    <td>
      <input type="radio" checked="checked" />
    </td>
    <td>
      <input type="radio" />
    </td>
    <td>
      <input type="radio" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" checked="checked" />
    </td>
    <td>
      <input type="checkbox" />
    </td>
    <td>
      <input type="checkbox" />
    </td>
  </tr>
</table>

123
456
789
123
456
789
123
456
789

这里，每行的所有3列分别是相似的元素。现在我想将所有行的第一个td（用户输入的所有内容）中的内容复制到所有行的第二和第三列中的其他两个td

不幸的是，我不知道如何开始

.

单向：

$（“按钮”）。单击（函数（）{
复制（）；
});
函数副本（）{
$（'tr'）。每个（函数（）{
$（this）.find（$（td:input:not（：first））.val（$（this）.find（$（td:input:first））.val（））.prop（$（选中），$（this）.find（$（td:input:first））.prop（'checked'））
})
}

123
456
789
123
456
789
123
456
789
复制

您需要创建新行吗？请澄清您的问题。@AnoopJoshi:不，我已经有了所需的一切。我只需要将内容从第一个td复制到其他两个td。