2017-12-02 17 views
-1

나는 테이블의 테이블 행 요소에 id 속성을 설정하려고 오래했습니다. 루프가 끝날 때마다 나는 모든 태그에 유일한 id = '9'를 갖게된다. id 속성을 0에서 9까지 증가시키는 방법이있다. 첫 번째 태그는 get id = '0'이고 마지막 태그는 id = '8'이다.Jquery 또는 Javascript에서 증가 된 숫자로 id 속성을 추가하는 방법

for(var i = 0; i < height; i++) 
$('table').append($('<tr></tr>').attr('id', i)); 

답변

0

그냥 하나 개의 요소를 선택합니다. 하지만 왜 당신이이
+0

이 나를 위해 일한 :

$(function() { $('form').children().last().on('click', makeGrid) function makeGrid(e) { e.preventDefault(); var height = $('#input_height').val(); var width = $('#input_width').val(); var color = $('#colorPicker').val(); var pxheight = height + 'px'; var pxwidth = width + 'px'; for (var i = 0; i < height; i++) { $('table').append('<tr></tr>'); $('tr').attr('id', i); } $('table').css({ height: pxheight, width: pxwidth }) } }) 
deity

+0

바닐라 js 함께 수행 할 수있는 @deity 달성하기 위해 jquery 개체를 만들어야하는지 이해가 가지 않습니다. 가장 큰 차이점은'$ ("tr")'은 모든 tr을 선택하는 반면 $ ("")'에 적용된 모든 것은 그 생성 된 요소에만 영향을 준다는 것입니다. –

+0

이제 알았습니다. – deity