Javascript 使用标签按数据属性获取元素并添加禁用的类

这里是我的代码，我想使用get element by data属性禁用选择性复选框，该属性是“数据wapf标签”，在加载网页后，我在网页中使用了该标签，因此我应用了禁用的类，但没有起作用

$（'.wapf输入[data wapf label=“haribo草莓”）.addClass（'disabled'）

草莓的
草莓1
哈里博11
哈里博111
哈里博12
只是选择器上有一个错误：

数据wapf标签中的字符串是cas敏感的，所以要像在html中一样进行调整

 $('input[data-wapf-label="Haribo Strawberry"]').addClass('disabled').prop('disabled', true);


如果添加
i
，则不区分大小写：

    $('input[data-wapf-label="haribo strawberry" i]').addClass('disabled').prop('disabled', true);


$（'input[data wapf label=“haribo草莓”i]”）。prop（'disabled'，true）。
parent（）.closest（'div'）.addClass（“已禁用”）；
$（'div'）。每个（函数（）{
log（$（this.attr（“class”））；
});

草莓的
草莓1
哈里博11
哈里博111
哈里博12
<代码>请考虑添加解释您答案的文本。该网站是一个问答网站，发布问题和答案的目的是帮助未来有类似问题的访问者。您的答案可能会对OP有所帮助，但如果没有与代码分开的解释性文本，它将对未来的访问者没有帮助。不起作用您可以在此处检查[link]请现在检查它会起作用，我更新了代码。仍然不起作用。。原因？没有它的工作您有一个类被禁用添加为所需的选择，如果您检查浏览器的debbuger中的html。先生，您可以在这里检查。。我选中了变体复选框是stick clicable查看[链接]如果你想禁用复选框，我想你在类中添加disabled时会有一个操作..？是的，这就是我想要禁用的复选框，它有我想要的简单的标签名称
let $selector = $('.wapf-swatch');
let $item = '.wapf-input';
$selector.each(function() {
    $(this).find($item).attr("data-wapf-label","haribo strawberry").prop('disabled', true);
});