###前提・実現したいこと
jqueryでmodal上にあるテーブルを読み込み、
その一部をhtml上にtemplateで読み込ませて表示させたいです。
今のところ、eachを使えば読み込めると思ったのですが
tableの最終行しか読み込まれませんでした。
参考にしたサイト
http://h2ham.seesaa.net/article/114037411.html
ソースコード
function allsave(){ var mtllgh = $("#mtlc tbody").children().length; $("#mtlc tr").each(function(){ $(this).children().each(function(i){ v1 = $('[name=m-name] option:selected').text(); v2 = $('[name=m-num] option:selected').text(); var resultone = { val1 : "", val2 : "", val3 : "", val4 : "", val5 : "", val6 : "", val7 : v1 + " " + v2, val8 : $('#hm').val(), val9 : $('.size1').val() + " x " + $('.size2').val() + " " + $('.kazu').val() + "個" } var result = { val1 : "", val2 : "", val3 : "", val4 : "", val5 : "", val6 : "", val7 : v1 + " " + v2, val8 : $('#hm').val(), val9 : $('.size1').val() + " x " + $('.size2').val() + " " + $('.kazu').val() + "個" } if(i!=0){ $("#showltbl1").html(addmtbl(result)); }else{ $("#showltbl1").html(addmtbl(resultone)); } i = i+1; }); }); }
<script type="text/template" id="ust-list1"> <thead id="th-list1"> <tr> <th class="list1-col1 cs-center">a</th> <th class="list1-col2 cs-center">b</th> <th class="list1-col3 cs-center">c</th> <th class="list1-col4 cs-center">d</th> <th class="list1-col5 cs-center">e</th> <th class="list1-col6 cs-center">f</th> <th class="list1-col7 cs-center">g</th> <th class="list1-col8 cs-center">h</th> <th class="list1-col9 cs-center">j</th> </tr> </thead> <tbody id="showltbl1"></tbody> </script> <script type="text/template" id="addbtbl"> <tr class="cs-showb" style="height: 35.56px"> <td class="list1-col1" data-b1="<%- val1 %>" id="bld1"><%- val1 %></td> <td class="list1-col2" data-b2="<%- val2 %>" id="bld2"><%- val2 %></td> <td class="list1-col3" data-b3="<%- val3 %>" id="bld3"><%- val3 %></td> <td class="list1-col4" data-b4="<%- val4 %>" id="bld4"><%- val4 %></td> <td class="list1-col5" data-b5="<%- val5 %>" id="bld5"><%- val5 %></td> <td class="list1-col6" data-b6="<%- val6 %>" id="bld6"><%- val6 %></td> <td class="list1-col7" data-b7="<%- val7 %>" id="bld7"><%- val7 %></td> <td class="list1-col8" data-b8="<%- val8 %>" id="bld8"><%- val8 %></td> <td class="list1-col9" data-b9="<%- val9 %>" id="bld9"><%- val9 %></td> </tr> </script>
underscore.js
1<script type="text/template" id="used-lm"> 2 <table id="table" class="table"></table> 3 <table class="table table-bordered" id="mtlc" style="width: 60%"> 4 <thead id="th-usedlm"> 5 <th class="mstb1 cs-center">a</th> 6 <th class="mstb2 cs-center"b</th> 7 <th class="mstb3 cs-center">c</th> 8 <th class="mstb4 cs-center">d<th> 9 <th class="mstb5 cs-center">5</th> 10 <th class="mstb6 cs-center">6</th> 11 </thead> 12 <tbody id="testmtl"></tbody> 13 </table> 14</script> 15 16<script type="text/template" id="addmtltbl"> 17 <tr class="cs-lista" style="height: 20px"> 18 <td class="mstbl1" data-m1="<%- val1 %>" id="aval1"><%- val1 %></td> 19 <td class="mstbl2" data-m2="<%- val2 %>" id="aval2"><%- val2 %></td> 20 <td class="mstbl3" data-m3="<%- val3 %>" id="aval3"><%- val3 %></td> 21 <td class="mstbl4" data-m4="<%- val4 %>" id="aval4"><%- val4 %></td> 22 <td class="mstbl5" data-m5="<%- val5 %>" id="aval5"><%- val5 %></td> 23 <td class="mstbl6" data-m6="<%- val6 %>" id="aval6"><%- val6 %></td> 24 </tr> 25</script>
回答1件
あなたの回答
tips
プレビュー