Javascript 如何获得表中的动态可扩展和可折叠行?

Javascript 如何获得表中的动态可扩展和可折叠行?,javascript,html,css,Javascript,Html,Css,我正在尝试获取多个添加行: var rows = $('.qlabs_grid_container tr').length+2; $(".option1").click(function(){ // window.location.href="bookappointment.html"; }) $(".additem").click(function(){ $(".qlabs_grid_container").append('<tr><td class="tab

我正在尝试获取多个添加行:

var rows = $('.qlabs_grid_container tr').length+2;
$(".option1").click(function(){
    // window.location.href="bookappointment.html";
})
$(".additem").click(function(){
    $(".qlabs_grid_container").append('<tr><td class="tablecellbackground"><div class="cells"><div class="denom"><p>10.30am</p></div><div class="cnt"><p>Abhineet Jain</p></div><div class="tots"><p>Hair Coloring</p></div><div class="tots1"><p>2000.00</p></div><div class="recurring"><input type="button" class="recurringpluseminus"><input type="button" class="minusbutton"><input type="button" class="minusbutton1"><input type="text" value="1" style="text-align: center; " id="plusetext1"></div><div class="tots2"><p>3600.00</p></div><td><label class="more" id="m" for="'+rows+'"></label><label class="more1" for="'+rows+'">More Details</label></td></div></td></tr><tr class="expanded"><td colspan="7"><input id="'+ +'" name="#" type="checkbox" class="hideclass"/><div class="expanded"><div class="fortable"><tr><td class="tablecellbackground"><div class="cells"><div class="discountdiv"></div><label class="discount">Discount</label><label class="sub">Sub-total</label><label class="qtyused">Qty Used</label><label class="tax">Tax Type</label><input type="button" class="mulemp"><div class="percentage">10%</div><div class="subtotal">3000.00</div><div class="recurring1"><input type="button" class="recurringpluseminus1"><input type="button" class="minusbuttons"><input type="button" class="minusbutton11"><input type="text" value="1" style="text-align: center; " id="plusetext2"></div><div class="tax1"><p>600.00</p></div><input type="button" class="consume"></div></td></tr></td></tr></div>');   
});   
});
var rows=$('.qlabs\u grid\u container tr')。长度+2;
$(“.option1”)。单击(函数(){
//window.location.href=“bookappointment.html”;
})
$(“.additem”)。单击(函数(){
$(“.qlabs\u grid\u container”).append(“10.30am

abhinet Jain

染发

2000.00

3600.00

更多详细信息统计总使用数量税务类型10%3000.00600.00

”); }); });

这是我的示例代码。请帮帮我

>你可以考虑手风琴在我点击按钮时需要动态可伸缩的桌子。我可以通过使用手风琴吗?@ PARRIS Valnyi理解这可能不是你需要的,但是如果你正在扩展和折叠,而不是添加和删除,那么这种类型的小部件可能是有用的。你能给我举一些你想做的事情的例子,或者更多的细节吗。。我从标题中理解了一些东西,但是你的问题把我弄糊涂了。@saba。这是一个例子,但在这个例子中只使用静态方法,但我需要动态行添加