

jqueryでmodal上にあるテーブルを読み込み、  
一部のカラムをhtml上にtemplateで読み込ませて表示させたいです。  
今のところ、eachを使えば読み込めると思ったのですが  
tableの最終行しか読み込まれませんでした。  
これは参考にしたURLです  
[jqueryで要素のある順に番号をつける](http://h2ham.seesaa.net/article/114037411.html)

[code]

    //コード
    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;
        });
      });
    }
    //
    
[/code]


CC BY-SA 3.0
2017-06-01T01:25:19.077
35175
2020-03-04T11:00:59.497
2020-03-04T11:00:59.497
32986
23491
question
html jquery twitter-bootstrap
jqueryでtableの中身を上から読み込む(複数行)


addmtbl()が、どのような処理をしているか不明ですが、addmtbl()が単純に文字列を返す関数なら  
.html(addmtbl(result))では エレメント内にaddmtbl(result)が返した文字列で、上書きしてしまいます。

回しながら追加するには、.append を使います。  
例 $("#showltbl1").append(addmtbl(result));

[code]

    $(function(){
            $('#ow1').on('click',function(){
                $("#showltbl1").html('<p> 上書き </p>');
            })
            $('#ad1').on('click',function(){
                $("#showltbl1").append('<p> 追加</p>');
            })
        });
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <button id="ow1">上書き</button>　<button id="ad1">追加</button>
    <div id="showltbl1"></div>
[/code]


CC BY-SA 3.0
2017-06-01T11:28:39.653
35192
2017-06-01T12:21:17.963
2017-06-01T12:21:17.963
22793
22793
35175
answer