Skip to main content
本文から 10 文字削除
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7

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

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

    $(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> TEST上書き </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> TEST 追加</p>');
        })
    });
<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>

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

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

    $(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> TEST </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> TEST </p>');
        })
    });
<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>

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

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

$(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> 上書き </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> 追加</p>');
        })
    });
<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>

本文に 628 文字追加
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7

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

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

    $(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> TEST </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> TEST </p>');
        })
    });
<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>

.html(addmtbl(result))では エレメント内にaddmtbl(result)が返した文字列で、上書きしてしまいます。

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

    $(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> TEST </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> TEST </p>');
        })
    });
<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>

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

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

    $(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> TEST </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> TEST </p>');
        })
    });
<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>

本文に 628 文字追加
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7

.html(addmtbl(result))では エレメント内にaddmtbl(result)が返した文字列で、上書きしてしまいます。

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

    $(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> TEST </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> TEST </p>');
        })
    });
<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>

.html(addmtbl(result))では エレメント内にaddmtbl(result)が返した文字列で、上書きしてしまいます。

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

.html(addmtbl(result))では エレメント内にaddmtbl(result)が返した文字列で、上書きしてしまいます。

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

    $(function(){
        $('#ow1').on('click',function(){
            $("#showltbl1").html('<p> TEST </p>');
        })
        $('#ad1').on('click',function(){
            $("#showltbl1").append('<p> TEST </p>');
        })
    });
<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>

ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7
読み込んでいます