Переместить содержимое TD в другой TD в той же таблице

Question

У меня много таблиц, и для каждой мне нужно переместить содержимое td.risultato в td.squadre (они находятся в одной строке).

Я использую это, но он не работает

$('table.pronostico td.risultato span').each(function() {
  $(this).appendTo('table.pronostico td.squadre');
});

Любая помощь?

ОБНОВЛЕНИЕ с кодом

<table class="pronostico">  
<tr>
    <td class="squadre">some stuff here</td>
    <td class="risultato"><span>2</span></td>
</tr></table>

Пролёт должен двигаться внутри td.squadre

Answer 1

Это работает для меня

$('table.pronostico td.risultato span').each(function() {
  $(this).closest("tr").find(".squadre").append($(this)); // use $(this).clone(1) to copy the span
});

.squadre { background-color:red }
.risultato { background-color:green }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="pronostico">
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 1</span></td>
  </tr>
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 2</span></td>
  </tr>
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 3</span></td>
  </tr>
</table>
<hr/>
<table class="pronostico">
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 1</span></td>
  </tr>
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 2</span></td>
  </tr>
</table>
<hr/>
<table class="pronostico">
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 1</span></td>
  </tr>
</table>

Использование appendTo

$('table.pronostico td.risultato span').each(function() {
  $(this).appendTo(
    $('.squadre',$(this).closest("tr"))
  )
});

.squadre { background-color:red }
.risultato { background-color:green }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="pronostico">
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 1</span></td>
  </tr>
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 2</span></td>
  </tr>
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 3</span></td>
  </tr>
</table>
<hr/>
<table class="pronostico">
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 1</span></td>
  </tr>
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 2</span></td>
  </tr>
</table>
<hr/>
<table class="pronostico">
  <tr>
    <td class="squadre">Original content. </td>
    <td class="risultato">Move the span: <span>hello 1</span></td>
  </tr>
</table>