如何将id设置为从JSON响应生成的?

时间:2013-07-31 12:26:27

标签: javascript html json html-table

我想动态地将ID设置为我的行。我有这个:

function (json) {
        for (var ib = 0; ib < json.length; ib++) {
            var tableib = document.getElementById("treatments");
            var treatmentId = json[ib].id;
            var rowib = tableib.insertRow(-1);
            var cell1ib = rowib.insertCell(0);
            var cell2ib = rowib.insertCell(1);
            var cell3ib = rowib.insertCell(2);
            var cell4ib = rowib.insertCell(3);
            var cell5ib = rowib.insertCell(4);
            var buttonID = json[ib].id;
            cell1ib.innerHTML = json[ib].name;
            cell2ib.innerHTML = json[ib].time;
            cell3ib.innerHTML = json[ib].price + "kr";
            cell4ib.innerHTML = json[ib].details;
            cell5ib.innerHTML = "Button";
        }
    });

我想要设置的ID来自JSON响应,并且变量 buttonID 。这甚至是可能的还是我应该像这样追加每一行? :

$('#treatments').append("<tr><td>" + shopName + "</td><td>" + shopTime + "</td><td>" + shopPrice + "</td><td>" + shopDetails + "</td><td><center>" + editShop + deleteShop + "</center></td></tr>"); 

我可以在其中修改附加的字符串。

2 个答案:

答案 0 :(得分:2)

如果在行的数据源对象中使用 DT_RowId 属性。 DataTables将自动添加行ID。

要检索: $(行)。家长( 'TR')。ATTR(ID')

谷歌:

将行ID分配给Json数据 - DataTables论坛

从中获得帮助。

答案 1 :(得分:1)

与所有HTMLTableRowElement元素一样,

HTMLElement元素具有id property,因此:

rowib.id = buttonID;

......会做的。