計數生成一定數量的選項卡的行數

Question

所以我有一些允許用戶添加選項卡和拿走選項卡......但是，我將如何去基於我的SQL數據生成默認數量的選項卡數據庫。例如，如果它們是id域中具有相同id的4行，則會生成4個選項卡，因爲有4行具有相同的id。

這裏是我找到的選項卡的東西。

<script> 
$(function() { 

var total_tabs = 0; 



    // initialize first tab 

    total_tabs++; 

    addtab(total_tabs); 



    $("#addtab, #litab").click(function() { 

    total_tabs++; 

    $("#tabcontent p").hide(); 

    addtab(total_tabs); 

    return false; 

    }); 


    function addtab(count) { 

    var closetab = '<a href="" id="close'+count+'" class="close">&times;</a>'; 

     $("#tabul").append('<li id="t'+count+'" class="ntabs">Session  '+count+'&nbsp;&nbsp;'+closetab+'</li>'); 

     $("#tabcontent").append('<p id="c'+count+'">Tab Content '+count+'</p>'); 


     $("#tabul li").removeClass("ctab"); 

     $("#t"+count).addClass("ctab"); 



     $("#t"+count).bind("click", function() { 

     $("#tabul li").removeClass("ctab"); 

     $("#t"+count).addClass("ctab"); 

     $("#tabcontent p").hide(); 

     $("#c"+count).fadeIn('slow'); 

     }); 



     $("#close"+count).bind("click", function() { 

     // activate the previous tab 

     $("#tabul li").removeClass("ctab"); 

     $("#tabcontent p").hide(); 
     $(this).parent().prev().addClass("ctab"); 

     $("#c"+count).prev().fadeIn('slow'); 



     $(this).parent().remove(); 

     $("#c"+count).remove(); 

     return false; 

    }); 

     } 

    }); 

    </script> 


<ul id="tabul"> 
<li id="litab" class="ntabs add"><a href="" id="addtab">Add tab + </a></li> 
</ul> 

感謝詹姆斯

Answer 1

請參閱本answer，基本上，你必須遵循同樣的原則。 然後，通過使用從數據庫返回的數據，在for循環中調用addtab(rowId)。

儘管如此，仍然不確定你的行的含義是什麼。