将不同的数据添加到不同的jquery选项卡

Question

我有2个功能
1- addMessage()：将数据保存到数据库中，仅在点击时调用。
2- updateMessage()：从数据库获取数据，当文档准备就绪时调用，每3秒调用一次新数据，并调用addMessage()成功。

function updateMessage() 
{ 
    $.ajax({ 
    url:"db.php", 
    type:"post", 
    dataType:"text/xml", 
    success:function(data) 
    { 
     $(data).find("message").each(function() { 
      var msg_id = $(this).find("msg_id").text(); 
      var date_time = $(this).find("date_time").text(); 
      var from_user = $(this).find("from_user").text(); 
      var from_group = $(this).find("from_group").text(); 
      var to_user = $(this).find("to_user").text(); 
      var to_group = $(this).find("to_group").text(); 
      var msg_type = $(this).find("msg_type").text(); 
      var msg = $(this).find("msg").text(); 
      var grp_abr = $(this).find("grp_abr").text(); 

      var html = "<tr class='blue'>"; 
      html += "<td><a href='#' class='bullet' onclick='changeStatus(\""+msg_id+"\")'><\/a><\/td>"; 
      html += "<td><a href='#' class='reply' onclick='reply(\""+from_user+"\");'><\/a><\/td>"; 
      html += "<td>"+date_time+"<\/td>"; 
      html += "<td>"+from_user+"["+from_group+"]"+"<\/td>"; 
      html += "<td>"+to_user+"["+to_group+"]"+"<\/td>"; 
      html += "<td><a href='#' class="+msg_type+"><\/a><\/td>"; 
      html += "<td><a href='#' class='flag_msg' onclick='flagMsg("+msg_id+")'><\/a><\/td>"; 
      html += "<td>"+msg_id+msg+"<\/td>"; 
      html += "<td>"+grp_abr+"<\/td><\/tr>"; 
      }); 
     } 
    }); 
    setTimeout('updateMessage()',3000); 
} 

现在检索的数据我想添加到不同名称和不同容器的不同标签，我将如何做到这一点。我的问题不是代码问题，而是更多关于逻辑或步骤的顺序。 请任何帮助。

Answer 1

不知道我明白你真正想要什么。假设您问的是如何动态添加标签

调查jQuery Tabs add()方法，也许tabTemplate和panelTemplate选项。

在success函数结束时，当您构建新的选项卡内容时，会将其附加到适合DOM的某个位置（例如隐藏的表格中包含所有选项卡），并使用add方法。

如果您有多个选项卡容器，只需调用所需的add-method。