如何在Jquery或Javascript中添加数字递增的id属性

我一直在尝试为表的table row元素设置一个id属性。每次循环结束运行时，所有标记上都只有id='9'。有没有办法将id属性从0增加到9，即第一个标记get id='0'和最后一个标记get 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
        })
    }
})

$（函数（）{
$（'form'）.children（）.last（）.on（'click'，makeGrid）
函数makeGrid（e）{
e、 预防默认值（）；
var height=$（“#输入_height”）.val（）；
var width=$（'#输入_width'）.val（）；
var color=$（'#colorPicker'）.val（）；
var pxheight=高度+px'；
var pxwidth=宽度+px；
对于（变量i=0；i

只需选择一个元素：

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

for（变量i=0；i

这对我很有效。但我不明白为什么需要创建jquery对象来实现this@deity香草js也可以做到这一点。主要区别在于，

$（“tr”）

选择所有tr，而我们应用于

$（“”）

的所有内容只会影响所创建的元素