jQuery supprime la dernière colonne de la table

Actuellement j'ai une table qui peut être N colonnes et N lignes. Dans l'interface j'ai un bouton pour supprimer la dernière colonne, mais je ne peux pas comprendre comment faire pour supprimer le dernier td de toutes les lignes, ce que j'ai réalisé jusqu'à présent est de supprimer la première ligne tdet la dernière rangée tdmais laissez les autres.

Voici mon code (seulement supprime le dernier titre en cours):

function removeTableColumn() {
    /*
        removeTableColumn() - Deletes the last column (all the last TDs).
    */
    $('#tableID thead tr th:last').remove(); //Deletes the last title
    $('#tableID tbody tr').each(function() {
        $(this).remove('td:last'); //Should delete the last td for each row, but it doesn't work
    });
}

Suis-je raté quelque chose?

source d'informationauteur Oscar Carballal

  1. 28

    C'est parce que la :dernière sélecteur seulement correspond au dernier élément de l'ensemble.

    Vous pourriez être à la recherche pour :dernier enfantqui correspond aux éléments qui sont le dernier enfant de son parent:

    $("#tableID th:last-child, #tableID td:last-child").remove();
  2. 6

    :last renvoie le dernier élément trouvé par le sélecteur. Donc #tableID tr td:last retournerait une seule td.

    Vous pouvez sélectionner le dernier td de chaque tr faire ceci:

    $('#tableID tr').find('th:last, td:last').remove();
  3. 0

    Vous pouvez supprimer une colonne d'un tableau comme celui-ci

        //remove the 1st column
     $('#table').find('td,th').first().remove();

    //remove the 1st column
    $('table tr').find('td:eq(1),th:eq(1)').remove();

   //remove the 2nd column
   $('table tr').find('td:eq(1),th:eq(1)').remove();

   //remove the nth column
   $('table tr').find('td:eq(n),th:eq(n)').remove();

    pour référence