使用jQuery通过if语句和addClass隐藏div

这个 :disabled 选择器只能处理表单字段,不能处理任何元素。除了形式之外,在任何事情上使用它可能都有点不标准;使用“true”的值更不标准,它也应该被“禁用”(请参阅 Correct value for disabled attribute ). 因此,与其使用 :已禁用 ,编写的代码需要使用选择器 [disabled="true"] .

您的选择器可能不需要使用整个类列表——列表上的最后一个类可能就是您所需要的目标。

然而,我会简单地使用CSS来做你想要做的事情 arrow 类,将其替换为 .jcarousel-prev-disabled-horizontal .

如果您仍然想使用JavaScript执行“禁用”路线,请使用以下内容,这也将取代对If语句的需要:

$('.jcarousel-prev-disabled-horizontal[disabled="true"]').addClass('arrow');

你的 if() 语句实际上是为 div 元素,而不检查其状态。您应该按如下方式更新代码:

if ($('div.jcarousel-prev.jcarousel-prev-horizontal.jcarousel-prev-disabled.jcarousel-prev-disabled-horizontal').attr('disabled'))
{
            $(this).addClass("arrow");
}

是的,你实际上只是在设置禁用属性

您需要检查元素是否已禁用

.is(':disabled')

试试这个,

$(document).ready(function(){
    if ($('.div.jcarousel-prev .jcarousel-prev-horizontal .jcarousel-prev-disabled .jcarousel-prev-disabled-horizontal').is(':disabled')){
        $(this).addClass("arrow");
    }
   });

您需要进行比较而不是赋值:

if ($('div.jcarousel-prev.jcarousel-prev-horizontal.jcarousel-prev-disabled.jcarousel-prev-disabled-horizontal').attr('disabled')) {
    $(this).addClass("arrow");
}