Javascript 如何遍历css中的元素
我有一个简单的表格结构,在这个结构中,我可以通过单击向上和向下按钮来更改表格行的顺序。现在我试图实现的是,当一行成为顺序中的第一行时,向上按钮应该被禁用,当一行成为列表中的最后一行时,应该禁用“向下”按钮,为了实现这种禁用效果,我只想使用css。那么有可能吗?我如何使用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
$(“.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,但您可以尝试。