2012-04-05 14 views
0

Hallo, ich bin neu hier und ich hoffe, ich poste nicht an einem falschen Ort das Problem ist wie folgt: Ich benutze ein .getJson, um Ergebnisse aus einer Datenbank abrufen. und die Ergebnisse werden in eine Tabelle [mehrere Zeilen] appendiert, sobald ich auf ein IMG klicke es lädt eine detaillierte Ansicht der Daten in ein Div (oder eine andere Tabelle). mein Problem ist folgendes: ich muss den alten Inhalt der detaillierten div entfernen - nur die appendTo Teil -Wie kann ich appende Text von einem div entfernen?

der Code some wie folgt aussieht:

Skript:

$("button.#results").click(
function(){ 
$.getJSON(dataretrive.php?callback=?&query=1' , 
function(data) { 
$.each(data, function(i, item) { 
var mindata = "<tr><td class='border'>" +data[i].name+ "</td>"; 
.... [minimal data] 

$(mindata).appendTo("table.#shorttableinfo"); 

var detailfull = "<tr valign='top' height='25' width='100px'><td> Name: </td><td>" + data[i].name + "</td></tr>" 
... [lots of data] 

$("img.#editrow" + i).click( 
function(){ 
    $(detailfull).appendTo("table.#detailsfull"); 
}); 
}); 
}); 
}); 

die html :

[html code]

&lt;table id="shorttableinfo"&gt; // i need a small table here 

&lt;tr&gt;&lt;td&gt;Name:&lt;/td&gt;&lt;td&gt; [other minimal data] &lt;/td&gt;&lt;/tr&gt; 

&lt;/table&gt; 

[anderer HTML-Code]

&lt;table id="detailsfull"&gt; // i need a small table here 

&lt;tr&gt;&lt;td&gt;Name:&lt;/td&gt;&lt;td&gt; [other minimal data] &lt;/td&gt;&lt;/tr&gt; 

&lt;/table&gt; 

mein Problem ist, dass ich den Code muß entfernt werden, bevor jquery die neuen Daten in die tablbe mit id Angaben lädt, ohne die erste Zeile der Tabelle zu entfernen.

Antwort

0

Ihr Selektor ist ungültig auf appendTo() sollte appendTo("table#shorttableinfo")

werden Sie Ihre Zeilen entfernen können über

$('table#detailsFull tr:gt(0)').remove(); 

Die oben werden alle Zeilen entfernen, aber die erste aus Ihrem detailsFull Tisch

+0

ich habe zu verwenden '.empty entschieden()' statt '.remove()' und die Beschreibung der Tabelle als Variable hinzufügen. Ich entschied, dass dies ein einfacher Weg ist. Danke für die schnelle Antwort –

0

Geben Sie den Dingen, die Sie hinzugefügt haben, eine bestimmte Klasse:

var detailfull = "<tr class=specific-data valign='top' height='25' width='100px'><td> Name: </td><td>" + data[i].name + "</td></tr>" 

und dann diese reinigen:

$('#detailsfull').find('.specific-data').remove(); 
Verwandte Themen