Клонирования информации столбцов

[froa]

const elem = document.querySelectorAll('td.one');
 elem.forEach((el) => {
 el.insertAdjacentHTML('afterend', '<td class="number"">число</td>');
         });

<table>
<tr class="tab">
<td class="one">3</td>
<td class="one">4</td>
<td class="tab1">info</td>
<td class="tab2">9</td>
</tr>
<tr>
<tr class="tab">
<td class="one">3</td>
<td class="one">4</td>
<td class="tab1">info</td>
<td class="tab2">9</td>
</tr>
<tr>
<tr class="tab">
<td class="one">3</td>
<td class="one">4</td>
<td class="tab1">info</td>
<td class="tab2">9</td>
</tr>
</table>

Пытаюсь вывести клон информации которая содержится в столбцах рядом. Как ее возможно клонировать? Что бы в td.number оказалось число из td.one
Ломаю голову с 10 утра.

[Nexus]

<table>
    <tr class="tab">
        <td class="one">3</td>
        <td class="one">4</td>
        <td class="tab1">info</td>
        <td class="tab2">9</td>
    </tr>
    <tr>
    <tr class="tab">
        <td class="one">3</td>
        <td class="one">4</td>
        <td class="tab1">info</td>
        <td class="tab2">9</td>
    </tr>
    <tr>
    <tr class="tab">
        <td class="one">3</td>
        <td class="one">4</td>
        <td class="tab1">info</td>
        <td class="tab2">9</td>
    </tr>
</table>
<script>
document.querySelectorAll('td.one').forEach(el => {
    el.insertAdjacentHTML('afterend', '<td class="number">' + el.textContent + '</td>');
});
</script>

[рони]

froa,
<tr> слишком много в коде!!!

вывести клон информации которая содержится в столбцах рядом

<table>
        <tr class="tab">
            <td class="one">3</td>
            <td class="one">4</td>
            <td class="tab1">info</td>
            <td class="tab2">9</td>
        </tr>
        <tr class="tab">
            <td class="one">3</td>
            <td class="one">4</td>
            <td class="tab1">info</td>
            <td class="tab2">9</td>
        </tr>
        <tr class="tab">
            <td class="one">3</td>
            <td class="one">4</td>
            <td class="tab1">info</td>
            <td class="tab2">9</td>
        </tr>
    </table>
    <script>
        document.querySelectorAll('td.one').forEach(el => {
            let clone = el.cloneNode(true);
            clone.className = 'number';
            el.after(clone)
        });
    </script>