Есть ли другой способ заменить много раз определенный элемент? [Дубликат]

В jQuery вы можете делать с этим кодом, но сначала вы должны исправить HTML в вашем примере:

<table>
   <tr>
       <td id="theFirsttd">Original content</td>
   </tr>
   <tr>
       <td class="atd">Replace the current content by the original</td>
   </tr>
   <tr>
       <td class="atd">Replace the current content by the original</td>
   </tr>
</table>

<script>
// reemplace all the items (jQuery)

$(function(){ // <- wait for the DOM
  var $first = $('#theFirsttd');
  $('.atd').each(function{ // <- eval each element with atd class selector
    $(this).replaceWith($first.clone()) // <- replace each one with first td clone
  });
});
</script>

Во-первых, ваш HTML-код недопустим, потому что два объекта имеют один и тот же идентификатор - это можно решить, создав вместо них эти классы. Во-вторых, предполагая , что вы просто копируете содержимое одного объекта в другой объект, используя jQuery, вы можете сделать что-то вроде:

$('.atd').html( $('#theFirsttd').html() );

Вы можете поместить все идентификаторы, которые вы хотите изменить, в массив и зациклить на нем

var array = ['theFirsttd', 'atd']

for (var item of array) {
 $(`#${item}`).attr("id", "newId");
}

, следите за тем, чтобы у вас было одинаковое имя идентификатора на нескольких элементах (что не должно происходить, поскольку идентификатор должен быть уникальным). .

Надеюсь, это поможет.