计算生成一定数量选项卡的行数

时间:2013-01-31 20:06:01

标签: javascript jquery

所以我有一些东西允许用户添加标签并删除标签...但是我如何根据我的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>

谢谢James

1 个答案:

答案 0 :(得分:0)

请参阅此answer,基本上,您必须遵循相同的原则。 然后,使用数据库中返回的数据在addtab(rowId)循环中调用for

但仍然不确定具有相同ID的行的含义。