將不同的數據添加到不同的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。