首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

施用JQuery使表格表头居中,表内容数字居右,文字居左

2012-08-28 
使用JQuery使表格表头居中,表内容数字居右,文字居左??$(trtd).css(text-align,left)$(function(){

使用JQuery使表格表头居中,表内容数字居右,文字居左


施用JQuery使表格表头居中,表内容数字居右,文字居左

?

?

$("tr>td").css("text-align","left");

$(function(){

$("#mytable > tbody").find("tr").each(function(){

? ? $(this).find("td:first-child").css("text-align","right");

? ? $(this).find("td:eq(1)").css("text-align","right");

})

$("#mytable > thead").find("tr").each(function(){

$(this).find("th").css("text-align","center");

})

?

?

?

?

选中TR下的TD...将TD中的内容全部居左对齐

将id为mytable的表下的tbody下的tr居右对齐,在此我将第一列与第二列居右,也可以用正则表达式匹配,匹配数字日期的居右对齐...

?

?

$("#mytable > thead").find("tr").each(function(){

$(this).find("th").css("text-align","center");

})

这段代码功能是将表头居中对齐.

?

热点排行