我想使用jquery在每个表上添加不同的类

时间:2014-08-28 05:21:15

标签: jquery html

我有以下标记:

<div id="main">
    <table class="test">
       <span>text1</span>
    </table>
    <table  class="test">
       <span>text2</span>
    </table>
    <table  class="test">
       <span>text3</span>
    </table>
    <table class="test">
       <span>text4</span>
    </table>
</div>

我想使用jquery

在每个表上添加不同的类

3 个答案:

答案 0 :(得分:0)

您的HTML无效,但有效表格适用于以下情况:

...简单地

    $(function () {
        $('#main table').addClass('yourclass');
    });

“#main”标识该div中所有表的div和“table”。

以下是参考资料......

http://api.jquery.com/addclass/

答案 1 :(得分:0)

您可以在class names中添加要添加的array,然后向表中添加类,如下所示:

var arr=["class1","class2","class3",.....];
var count=0;

$('body').find('table').each(function(){
  $(this).addClass(arr[count]);
  count=count + 1;
});

答案 2 :(得分:0)

您希望遍历主div中的表并添加该类。这是核心逻辑

$(document).ready(function(){
    var classHash = {0 : "test0", 1 : "test1", 2 : "test2", 3: "test3"};
    var table = $("#main > table");
    for(var i=0; i< table.length; i++){
        $(table[i]).addClass(classHash[i]);
    }
});

这是fiddle