如何通过传递不同的<id>标签动态调用此jquery函数?</id>

时间:2014-06-17 00:08:08

标签: javascript jquery function dynamic parameters

我需要操作以下代码:

 $(document).ready(function() {
var table = $('#example1').DataTable( {
    scrollY:        "300px",
    scrollX:        true,
    scrollCollapse: true,
    paging:         false
} );
new $.fn.dataTable.FixedColumns( table,{
    leftColumns:2 } ); } );

我有30多个id标签,例如#example2,#example3,#example4需要传递到

            var table = $('#example1').DataTable( 

我很确定应该有一种方法可以动态地改变这个字段,而不是复制和粘贴这个函数30多次....但我是jQuery / JavaScript的新手并不确定我该如何做这...非常感谢任何输入!

编辑:

我也尝试过以下代码,但它不起作用:

     var obj = { #example1, #example2, #example3, #example4, #example5 };
            jQuery.each( obj, function(id) {
            var table = $(id).DataTable( {
    scrollY:        "300px",
    scrollX:        true,
    scrollCollapse: true,
    paging:         false
} );
 new $.fn.dataTable.FixedColumns( table,{
    leftColumns:2}  );});

再次编辑: 使用简单的数组解决....

           $(document).ready(function() {

            var myArray = ["#example1", "#example2"];
            var i = 0
            for (i = 0; i < myArray.length; i++) { 
            id = myArray[i];
            var table = $(id).DataTable( {
                scrollY:        "300px",
               scrollX:        true,
    scrollCollapse: true,
    paging:         false
} );
new $.fn.dataTable.FixedColumns( table,{
    leftColumns:2}  );}});

0 个答案:

没有答案