javascript - jQuery if data 属性添加类

Question

我对 JS 和 jQuery 很陌生，但如果元素具有数据属性，我会尝试向元素添加“隐藏”类与特定的字符串。因此，如果“class”的数据评级属性为“0.0”，则应添加“hide”类。它不起作用，我不知道为什么。

$(document).ready(function() {
         if ($(".class").data('rating') === ('0.0')){
         $(".class").addClass('hide');
        }
      });

Answer 1

jQuery 将 data- rating="0.0" 识别为数字，因此当您调用 $(".class").data(' rating') 时，您会得到数字 0。因此，严格将其与任何字符串进行比较都会失败。

此外，如果给定类有多个元素，您的代码将不会按预期运行。

$(".class").each(elem=>{
    const $elem = $(elem);
    if( $elem.data('rating') === 0) {
        $elem.addClass('hide');
    }
});

或者，没有 jQuery(因此速度快得多)...

document.querySelectorAll(".class").forEach(elem=>{
    if( parseFloat(elem.getAttribute("data-rating")) === 0) {
        elem.classList.add("hide");
    }
});

<小时/>

快速切换回 jQuery，你也可以这样做:

$(".class[data-rating='0.0']").addClass('hide');

...作为一句台词。