jQuery每秒交换（第n个孩子）

Question

如何在每一行交换TD的'course_text'和'course_date'？我想显示一个包含五个自定义帖子的过滤器，但在每一行上这两个都必须交换。

<table class="course">
    <tr>
    <td class="course_text">
    <a href="<?php the_permalink(); ?>"><h3 class="course_title"><?php the_title(); ?></h3></a><br />
    <div class="course_excerpt"><?php the_excerpt(); ?></div>
    </td>
    <td class="course_date">
    <?php

    $dateformatstring_day = "l";
    $dateformatstring_month = "d";
    $dateformatstring_year = "F";
    $unixtimestamp = strtotime(get_field('cursusdatum'));

    echo '<div class="course_day">';
    echo date_i18n($dateformatstring_day, $unixtimestamp);
    echo '</div><br />';
    echo '<div class="course_month">';
    echo date_i18n($dateformatstring_month, $unixtimestamp);
    echo '</div><br />';
    echo '<div class="course_year">';
    echo date_i18n($dateformatstring_year, $unixtimestamp);
    echo '</div>';

    ?>      
    </td>
    </tr>
    </table>

Answer 1

你可以尝试这样的事情 -

$('td.course_date').each(function(){
   var $tr = $(this).closest('tr');
   $(this).prependTo($tr);
});