Cómo agregar un atributo de identificación con un número incrementado en Jquery o Javascript - javascript, jquery, bucles, atributos

He intentado durante mucho tiempo establecer una identificaciónatribuir al elemento de fila de la tabla de la tabla. Cada vez que el bucle termina de ejecutarse, acabo de tener el único id = "9" en todas las etiquetas. ¿hay alguna manera de incrementar el atributo id de 0 a 9, es decir, la primera etiqueta get id = "0" y la última obtiene id = "8"?

$(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
})
}
})

Respuestas

Solo selecciona ese elemento:

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