如何从div中删除appendet文本?

时间:2012-04-05 01:51:42

标签: jquery json

你好,我是新来的,我希望我不要在错误的地方发帖 问题是这样的: 我使用.getJson来检索数据库的结果。 并且结果依赖于表[多行]一旦我点击img它将数据的详细视图加载到div(或另一个表)中。 我的问题如下: 我必须删除详细div的旧内容 - 只有appendTo部分 -

代码看起来像这样:

脚本:

$("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");
});
});
});
});

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;

[其他HTML代码]

&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;

我的问题是我需要在jquery将新数据加载到具有id detailfull的tablbe之前删除代码,而不删除表的第一行。

2 个答案:

答案 0 :(得分:0)

您的选择器在appendTo()上无效,应为appendTo("table#shorttableinfo")

您可以通过

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

以上内容将删除detailsFull

中的所有行,但第一行除外

答案 1 :(得分:0)

为您添加的内容添加特定类:

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

然后清除它:

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