本文介绍了如何使用jQuery和CSS来调整表格布局，包括将表格内单元格的文本对齐方式进行修改，如将所有单元格居左对齐，同时调整表头居中对齐。此外，还详细说明了如何通过条件判断对特定单元格应用样式，如居中对齐。通过这些技巧，可以更灵活地控制网页表单的显示效果。
$("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");
})
这段代码功能是将表头居中对齐.
--------------------------
这个我项目里用到的把 td 居中 ， 获取到元素 ， 进而设置它的属性 “class” 或者css 样式
$("#alarmClockTable").find("td").each(function () {
if (!$(this).html() == " ") {
//$(this).css("text-align", "center");
$(this).attr("class","td_center");
}
扫一扫
8874
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
