javascript - jQuery 如果 data-id 元素 hasClass 不起作用

Question

我不知道我尝试创建的函数是否缺少某个元素，或者我是否缺少某些内容，但我的函数根本无法工作。不确定是否遗漏了某些内容或者我是否没有添加某些内容。让我知道我提供了 jQuery 和我试图开始工作的代码的屏幕截图。基本上我想做的是，如果具有 data-id 的某个元素具有某个类，则隐藏某些列表项。

$(function($){
    if( $('.chbs-vehicle[data-id="313"] a').hasClass('chbs-state-selected') ){
        $('ul.chbs-list-reset li(1)').hide();
    }
});

Answer 1

li(1) 不是有效的表达式，您应该使用不同的求值器:

$('ul.chbs-list-reset li:eq(0)')
$('ul.chbs-list-reset li:first-child')
$('ul.chbs-list-reset li').eq(0)

看看这个 Demo

如果页面加载时满足您的条件，则它可以正常工作。但是，如果动态添加 chbs-state-selected 类，则需要使用事件处理程序监听该更改。您的脚本不会不断轮询文档以查看 Vehicle 313 的 a 是否具有该类。

根据您的评论，听起来您需要监听添加 chbs-state-selected 类的同一点击事件。看看这个基本的 Demo 。

鉴于此，您不一定需要检查类，只需将 hide/show 函数附加到同一事件即可。但是，如果需要，您可以向其添加 hasClass 检查。

无论如何，它应该位于首先添加 chbs-state-selected 的同一处理程序内