Clone eine <table> mit bestimmten Zeilen und Spalten

Question

Ich habe Schwierigkeiten, die folgende Funktionalität funktioniert, muss ich eine Tabelle klonen, aber ich brauche nur die erste 'td' aus jeder Zeile und entfernen Sie die Kopfzeile. Kann mir jemand in die richtige Richtung zeigen Ich habe jetzt ein paar Dinge ausprobiert aber keine Freude. Versucht ein paar Dinge wie:

$('#tableMembers').find('tr').find('td:not(first)').remove(); 

Welche offensichtlich nicht funktioniert hat.

Answer 1

Zuerst sollten Sie zuerst klonen, sonst entfernen Sie aus dem Original.

var newTable$ = $('#tableMembers').clone().find('tr').find('td:gt(0)').remove(); 
$('#someTargetLocation').append(newTable$); 

Etwas in diese Richtung sollte es tun. td: gt (0) findet alle td-Elemente, die nicht die ersten in ihrer Zeile sind.

Ohne den find ('tr') werden alle Zellen nach dem ersten in der ersten Zeile entfernt, weil der td: gt (0) seinen Kontext als Tabelle annimmt. Wenn der Filter find ('tr') verwendet wird, nimmt der Filter find ('td: gt (0)') jeden tr als seinen individuellen Kontext und die erste Zelle jeder Zeile wird beibehalten.

Answer 2

Hier ist das funktionierende Beispiel.

$('#tableMembers').clone().prependTo(....).find('td:first-child').remove(); 

updated running code