Skip to main content
本文に 2412 文字追加
ソース リンク
saya24
  • 545
  • 6
  • 20
  • 46
<div class="appLines">
        <table>
            <tr class="appLineDummy">
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins"; type="button";>;+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >;                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <;td class="extd"><;/td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        </table>
    </div>
    <div class="appFooter">
        <table>
            <tr>
                <td colspan="6"></td>
                <td  colspan="2"></td>
            </tr>
        </table>
    </div>
// 行削除 & 行の補い(常に105表示というを保つ意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();


    $row = $(this).closest('table').find('tr:last');
    addRowBelow($row);
});
// 行削除 & 行の補い(常に105表示というを保つ意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();

    var table_no = $('table').index($(this));
    addRowBelow($('table:eq('+table_no+') tr:last'));

});
<div class="appLines">
    <table>
        <tr class="appLineDummy">
            <td></td>
            <td class="extd"></td>
            <td class="extd"></td>
            <td class="extd"></td>
            <td></td>
            <td></td>
            <td class="extd_kin"></td>
            <td class="extd_kin"></td>
            <td class="extd"></td>
            <td><button class="rowins" type="button">+</button></td>
            <td><button class="rowdel" type="button">-</button></td>
        </tr>
    </table>
</div>
<div class="appFooter">
    <table>
        <tr>
            <td colspan="6"></td>
            <td  colspan="2"></td>
        </tr>
    </table>
</div>
// 行削除 & 行の補い(常に10表示という意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();


    $row = $(this).closest('table').find('tr:last');
    addRowBelow($row);
});
// 行削除 & 行の補い(常に10表示という意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();

    var table_no = $('table').index($(this));
    addRowBelow($('table:eq('+table_no+') tr:last'));

});
<div class="appLines">
        <table>
            <tr class="appLineDummy">
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins"; type="button";>;+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >;                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <;td class="extd"><;/td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        <tr >                       //動的生成
                <td></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td class="extd"></td>
                <td></td>
                <td></td>
                <td class="extd_kin"></td>
                <td class="extd_kin"></td>
                <td class="extd"></td>
                <td><button class="rowins" type="button">+</button></td>
                <td><button class="rowdel" type="button">-</button></td>
            </tr>
        </table>
    </div>
    <div class="appFooter">
        <table>
            <tr>
                <td colspan="6"></td>
                <td  colspan="2"></td>
            </tr>
        </table>
    </div>
// 行削除 & 行の補い(常に5行表示を保つ意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();


    $row = $(this).closest('table').find('tr:last');
    addRowBelow($row);
});
// 行削除 & 行の補い(常に5行表示を保つ意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();

    var table_no = $('table').index($(this));
    addRowBelow($('table:eq('+table_no+') tr:last'));

});
本文に 356 文字追加
ソース リンク
saya24
  • 545
  • 6
  • 20
  • 46
// 行削除 & 行の補い(常に10行を表示という意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();


    $row = $(this).closest('table').find('tr:last');     
    
 addRowBelow($row);
});
// 行削除 & 行の補い(常に10行を表示という意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();

    var table_no = $('table').index($(this));
    addRowBelow($('table:eq('+table_no+') tr:last'));

});
$row = $(this).closest('table').find('tr:last');        
 addRowBelow($row);
var table_no = $('table').index($(this));
addRowBelow($('table:eq('+table_no+') tr:last'));
// 行削除 & 行の補い(常に10行を表示という意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();


    $row = $(this).closest('table').find('tr:last'); 
    addRowBelow($row);
});
// 行削除 & 行の補い(常に10行を表示という意味))
$(document).on("click", ".rowdel", function(e) {
    var row = $(this).closest("tr").remove();
    $(row).remove();

    var table_no = $('table').index($(this));
    addRowBelow($('table:eq('+table_no+') tr:last'));

});
本文に 60 文字追加
ソース リンク
saya24
  • 545
  • 6
  • 20
  • 46
var $dummyRow = $("tr.appLineDummy");  //漏れてました...

function addRowBelow($ele) {
    var $newRow = $dummyRow.clone(true);
    $newRow.removeClass("appLineDummy");
    $newRow.insertAfter($ele);
}
function addRowBelow($ele) {
    var $newRow = $dummyRow.clone(true);
    $newRow.removeClass("appLineDummy");
    $newRow.insertAfter($ele);
}
var $dummyRow = $("tr.appLineDummy");  //漏れてました...

function addRowBelow($ele) {
    var $newRow = $dummyRow.clone(true);
    $newRow.removeClass("appLineDummy");
    $newRow.insertAfter($ele);
}
本文に 752 文字追加
ソース リンク
saya24
  • 545
  • 6
  • 20
  • 46
読み込んでいます
本文に 651 文字追加
ソース リンク
saya24
  • 545
  • 6
  • 20
  • 46
読み込んでいます
ソース リンク
saya24
  • 545
  • 6
  • 20
  • 46
読み込んでいます