如何使用jquery为现有表添加ID?

时间:2014-10-27 12:11:59

标签: javascript jquery

我希望循环访问dom并将ID属性添加到现有的table元素中。似乎无法让它工作。 Basicaly代码查找具有特定类的表,然后添加ID。根据表类的不同,会发生更多的事情,但目前我仍然坚持添加ID。任何帮助将不胜感激。

$(document).ready(function () {

    var chartTypeArray = [];
    var i = 0;    

    // cycle tables add id and store class
    $('table').each(function (i) {

        if ($(this).hasClass('bar')) {

            chartTypeArray.push('bar');    
            $(this).attr('ID', 'tableToChart' + i);

        } //end bar
        else if ($(this).hasClass('line')) {

            chartTypeArray.push('line');
            $(this).attr('ID', 'tableToChart' + i);

        } //end line

        else if ($(this).hasClass('area')) {

            chartTypeArray.push('area');
            $(this).attr('ID', 'tableToChart' + i);

        } //end area
        else if ($(this).hasClass('pie')) {

            chartTypeArray.push('pie');
            $(this).attr('ID', 'tableToChart' + i);

        } //end pie

        i++;

        console.log('Table ' + i + ' is a ' + $(this).attr('class') + ' chart');

    }); //end function
}); //end of document ready

1 个答案:

答案 0 :(得分:0)

尝试使用小写

$(this).attr('id', 'tableToChart' + i);

你也不必做

 var i = 0; //outside the each loop
            // and you don't need
     i++;   // inside the each loop