2014-02-20 6 views
0
var table = document.getElementById("table-body"); 
var row = table.insertRow(-1); 
var cell1 = row.insertCell(0); 
var cell2 = row.insertCell(1); 
var cell3 = row.insertCell(2); 
var cell4 = row.insertCell(3); 
cell1.innerHTML = ingredient_name; 
cell2.innerHTML = ingredient_amount; 
cell3.innerHTML = ingredient_unit; 
cell4.innerHTML = '<button type="button" class="close" aria-.hidden="true"onClick="$(this).closest(\'tr\').remove()">&times;</button>'; 

방금 ​​만든 행이나 테이블의 ID를 어떻게 설정합니까?새로 생성 된 테이블 행 또는 셀의 ID는 어떻게 설정합니까?

+0

는'row.id = "행 ID"를 설정 않았다'작동하지? – squid314

+0

나는 계속 함수를 정의하지 못했습니다. – user2179936

답변

7

그냥 바닥 테이블에 새로운 DOM 요소 기준

row.id='newid'; 
cell1.id='cellid1' 
.... 
+0

순수하고 간단하고 깨끗합니다. – java

+0

tr.id = 'the id'; 한 줄에 추가 할 때, 그러나 이것은 효과적이고 간단합니다. – user1946891

2

행 추가의 속성을 설정 id 동적 ID를 설정할 수있다. 멋지고 깔끔한 방법 :

var newTr = $("<tr id="+e+"></tr>"); 
$("#TableID").append(NewTr); 

내 예 :

function showimage(e) { 
debugger;   
for (var i = 0; i < e.length; i++) { 
var fd = new FormData();     
fd.append("ID", e[i].ID); 
$.ajax({ 
url: "/AdminPanel/Pictures/ShowImage2", 
type: 'POST', 
contentType: false, 
processData: false, 
data: fd 
}).then(function (e) { 
var newTr = $("<tr id="+e+"></tr>");      
var ImageTd = $('<td></td>'); 
var DeleteLinkTd = $('<td></td>'); 
var img = document.createElement("IMG"); 
img.src = "/AdminPanel/Pictures/ShowImage/"+e; 
img.width = "100"; 
img.alt = "#" + e; 
ImageTd.append(img); 
var aTag = document.createElement('a'); 
aTag.setAttribute('onClick', "Delete("+e+");"); 
aTag.innerHTML = "Delete"; 
DeleteLinkTd.append(aTag);      
newTr.append(ImageTd); 
newTr.append(DeleteLinkTd);      
$('#PicturesTable').append(newTr);      
});} 
$('#DivBulkUpload').dialog('close'); 
}