如何在Jquery或Javascript

时间:2017-12-02 15:22:40

标签: javascript jquery loops attributes

我一直试图将id属性设置为表的表行元素。每次循环结束运行时,我最终在所有标签上都有唯一的id ='9'。有没有办法将id属性从0增加到9,这是第一个标签获取id ='0',最后一个获取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
        })
    }
})

1 个答案:

答案 0 :(得分:0)

只需选择一个元素:

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