Javascript 如何遍历css中的元素

Javascript 如何遍历css中的元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个简单的表格结构,在这个结构中,我可以通过单击向上和向下按钮来更改表格行的顺序。现在我试图实现的是,当一行成为顺序中的第一行时,向上按钮应该被禁用,当一行成为列表中的最后一行时,应该禁用“向下”按钮,为了实现这种禁用效果,我只想使用css。那么有可能吗?我如何使用css到达/遍历“向上”和“向下”按钮 $(“.order”)。单击(函数(){ var prevTr=$(this).closest('tr').prev('tr'); var nextTr=$(this.nexist('tr

我有一个简单的表格结构,在这个结构中,我可以通过单击向上和向下按钮来更改表格行的顺序。现在我试图实现的是,当一行成为顺序中的第一行时,向上按钮应该被禁用,当一行成为列表中的最后一行时,应该禁用“向下”按钮,为了实现这种禁用效果,我只想使用css。那么有可能吗?我如何使用css到达/遍历“向上”和“向下”按钮

$(“.order”)。单击(函数(){
var prevTr=$(this).closest('tr').prev('tr');
var nextTr=$(this.nexist('tr')。next('tr');
var currentTr=$(this).closest('tr');
var getClick=$(this.data('rel');
(getClick>1)?currentTr.insertAfter(nextTr):currentTr.insertBefore(prevTr);
});
/*添加红色以显示禁用效果*/
表tr:last child td:first child.顺序:first child{
背景:红色;
}
表tr:first child td:first child.顺序:first child{
背景:红色;
}

1.
向上的
向下
2.
向上的
向下
3.
向上的
向下
4.
向上的
向下

是的,您可以这样做,请尝试以下操作:

table tr:first-child td:nth-child(2){
    display:none;
}

table tr:last-child td:nth-child(3){
    display:none;
}   
这将隐藏按钮,若要禁用它,请尝试:

opacity: 0.65; 
cursor: not-allowed;
而不是:

display:none;

希望这能有所帮助。

:first child是CSS 2.1选择器之一,因此从IE8开始就可以使用

如果您对是否可以使用旧浏览器的功能有任何疑问,此资源非常有用


目前,通过css,您无法遍历到父元素。虽然此功能将在css4到达时可用。对齐不正确。谢谢,但ie 8是否支持此功能,因为我正在支持ie 8谢谢@SarjanDesai,更新了我的答案,请立即检查。我不知道@imGaurav我正在使用v.11,但您可以尝试。