jquery - 使用 jquery 多次追加表

Question

这是我的 jquery 函数

var status; 
$('.status').click(function(e) {
     status= $(this).attr('id');                    
     //$('#test').html('<p>Scrolled: '+ status +'</p>');                
     callAjax();
     display();
});  

上面的函数获取单击的 super 引用的 id 并将其存储在变量中。并调用其他函数。

 var id = [];
 var values = [];
 function callAjax(){            
     id = [];
     values = [];
     $("#"+ status +"> td").each(function(index){                
     id.push($(this).attr("id"))
     values.push($(this).text());
     //alert($(this).attr("id")+" "+$(this).text());                          
  });           
}

上面的函数检索行中的所有值并将其存储在数组中。使用此数组值，我将创建一个新表并将其显示在单击的超链接下方(其 div 存储状态变量)

  function display(){               
            $("#"+status).append('<table id="newtable" border="1"> <tr> <td>'+values[0]+'</td><td>'+values[1]+'</td></tr></table>');
  }

在 display() 函数中，当我第一次附加表格时，它工作正常，但是当再次单击链接时，它会附加一个表格。

输出

这里，当我第一次单击链接时，它会正确显示表格，但是当我单击同一个链接时，它会附加同一个表格，第二个问题是当我单击其他链接时，第一个表格应该消失。

帮助...

Answer 1

试试这个

function display(){ 
       $("#newtable").remove();   //removes table tag        
    $("#"+status).append('<table id="newtable" border="1"> <tr> <td>'+values[0]+'</td>                             <td>'+values[1]+'</td></tr></table>');
    }