gpt4 book ai didi

jquery - 如何使每行中除第一列以外的列左对齐?

转载 作者:太空宇宙 更新时间:2023-11-04 04:40:33 25 4
gpt4 key购买 nike

我想让表格中除了第一行以外的所有列都是text-align:left,第一列是CSS中定义的text-align。这是代码:

<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<style type="text/css">
table{
border: 1px solid red;
border-collapse: collapse;
}
table td{
border: 1px solid red;
text-align: center;
}
</style>
<script type="text/javascript">
$(function(){
$("input[type='button']").on("click", function(){
$("#table tr td:gt(0)").css({"text-align":"left"});
});

});
</script>
</head>
<body>
<input type="button" value="click" />
<table id="table">
<tbody>
<tr><td width="150px">center</td><td width="150">left</td><td width="150">left</td></tr>
<tr><td>center</td><td>left</td><td>left</td></tr>
<tr><td>center</td><td>left</td><td>left</td></tr>
</tbody>
</table>
</body>

点击按钮后,只有第一行有效果,其他行的所有列都是 text-left 包括第一列不应该。所以为什么?我必须使用 each 方法迭代 tr 元素吗?

最佳答案

您当前的 jQuery 代码将获得所有 td,然后获得第一个集合...您拥有 td 的这个集合,然后您获得该集合中的第一个...这就是您当前代码中发生的情况...

用这个替换你的代码......

$(function(){
$("input[type='button']").on("click", function(){
$("#table tr td").not(':first-child').css({"text-align":"left"});
});

});

如果你可以只使用 css 就更好了....

table td{
border: 1px solid red;
text-align: left;
}

table td:first-child {
text-align: center;
}

关于jquery - 如何使每行中除第一列以外的列左对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15538996/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com