分别控制表格每列对齐方式(jQuery)

    技术2025-02-13  12

    function flushleft(){//给表格的第一行加CLASS=flush_left其下所有都局左对齐      $('.flush_left').parent().find('th').each(function(i){         if($(this).attr('class')=='flush_left'){         $(this).parents().parent().find('tr').each(function(){            $(this).find('td').eq(i).css('text-align','left')         })         };      });   }   function flushright(){//给表格的第一行加CLASS=flush_left其下所有都局右对齐      $('.flush_right').parent().find('th').each(function(i){         if($(this).attr('class')=='flush_right'){         $(this).parent().parent().find('tr').each(function(){            $(this).find('td').eq(i).css('text-align','right')         })         };      });   }   function flushcenter(){//给表格的第一行加CLASS=flush_left其下所有都局中对齐      $('.flush_center').parent().find('th').each(function(i){         if($(this).attr('class')=='flush_center'){         $(this).parent().parent().find('tr').each(function(){            $(this).find('td').eq(i).css('text-align','center')         })         };      });   }说明:以上三个函数分别控制表格各列居左、居右、居中。需在jQuery环境下使用。因为只是定义了函数所以使用时还需要执行各函数。

    最新回复(0)