動態HTML行-在TR上添加ID

Question

我現在如何在每個新的ID上添加一個ID（值1、2、3等），以便我的腳本創建一個新行，但是每個ID都需要一個ID

碼：

function deleteRow(tableID) {
    try {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
        for(var i=0; i<rowCount; i++) {
            var row = table.rows[i];
            var chkbox = row.cells[0].childNodes[0];
            if(null != chkbox && true == chkbox.checked) {
                if(rowCount <= 1) {
                    alert("Cant delete all rows");
                    break;
                }
                table.deleteRow(i);
                rowCount--;
                i--;
            }
        }
    }catch(e) {
        alert(e);
    }
}

Answer 1

因此，只需在創建新行時添加id 。 刪除的ID不再使用，ID仍然是唯一的。

var row_id = 1;

function addRow(tableID) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    row.id = 'id' + row_id; // ID is 'id#' because valid ID can't start with a number
    row_id++;
    ...

http://jsfiddle.net/pkz1vszu/2/

Answer 2

您可以使用jQuery使其更容易：

 <head> <script src="js/jquery-1.11.1.min.js"></script> </head> <body> <script> $("#create_button").click(function(){ $("<tr>").attr({"id":"id_"+number}).appendTo("#table"); ]); </script> ... ... </body>

動態HTML行-在TR上添加ID

問題描述

2 個解決方案

解決方案1
4 已采納 2015-02-04 09:17:33

解決方案2
0 2015-02-04 09:54:45

動態HTML行-在TR上添加ID

問題描述

2 個解決方案

解決方案1 4 已采納 2015-02-04 09:17:33

解決方案2 0 2015-02-04 09:54:45

解決方案1
4 已采納 2015-02-04 09:17:33

解決方案2
0 2015-02-04 09:54:45