jQuery 如果 data-id 元素 hasClass 不工作

Question

我不知道我尝试创建的函数是否缺少一个元素，或者我是否缺少某些东西但我的函数根本不起作用。不确定是否缺少某些东西或者我是否没有添加某些东西。让我知道我提供了 jQuery 和我试图开始工作的代码的屏幕截图。基本上我想做的是，如果某个具有数据 ID 的元素具有某个 class，则隐藏某些列表项。

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

Answer 1

您可以使用 eq: jquery 函数

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

Answer 2

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 class 是动态添加的，则需要使用事件处理程序侦听该更改。您拥有的脚本不会不断轮询文档以查看 Vehicle 313 的 a 是否具有 class.

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

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

无论如何，它应该在首先添加 chbs-state-selected 的同一个处理程序中

jQuery 如果 data-id 元素 hasClass 不工作

jQuery if data-id element hasClass not working

javascript

wordpress

jquery

if-statement

show-hide