Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Клонирования информации столбцов (https://javascript.ru/forum/events/85134-klonirovaniya-informacii-stolbcov.html)

froa 17.04.2023 18:07
Клонирования информации столбцов
 
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 17.04.2023 20:30 
<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>

рони 17.04.2023 22:51
froa,
<tr> слишком много в коде!!!
Цитата:
Сообщение от froa
вывести клон информации которая содержится в столбцах рядом
 
<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>


Часовой пояс GMT +3, время: 22:20.