Javascript 当与if语句组合时，每个（函数）都不起作用

我有一款颜色多样的产品

我想做的是只在缩略图上显示选定颜色的照片。例如，对于同一把椅子，有蓝色、黑色、红色和绿色的变化。当选择红色照片时，其他颜色的照片将在缩略图中消失

我使用css使其在桌面版上工作，但是在移动版上，我对滑块没有任何运气，我认为我应该尝试将选定的颜色与颜色属性匹配，并删除未选定的颜色的

数据平滑索引

属性，以便它们不会出现在缩略图上，但我不知道为什么我的代码会给我错误

$(funcion() {
  $('li.product-single__thumbnails-item').each(function(){
    var $mobilemodelselected = document.getElementById("FeaturedImage-product-template");
    var $mobilemodelcolor = $mobilemodelselected.getAttribute("color-option");
    var $mobilecolorcheck = $(this).attr('color-option');

    if ($mobilemodelcolor != $mobilecolorcheck) { 
     $('li.product-single__thumbnails-item').removeAttribute('data-slick-index');
    } 
  });
});

---

function

-启动错误-检查开发工具控制台是否有任何错误

$（'li.product-single_uu缩略图-item'）。删除属性（'data-slick-index'）

这将从所有匹配

li的元素中删除该属性。product-single\uu缩略图-item

-这就是您想要的吗？-也许你也想要

$（这个）

？JaromandaX非常感谢你的帮助并指出了我愚蠢的错误，我已经添加了你的评论，而且在实现代码之后，数据平滑索引似乎还没有被删除。我也从控制台获得了以下信息：theme.js？1423537320336464041:2897未捕获类型错误：$（…）。removeAttribute不是HtmlElement上的函数。（theme.js）在Function.each（vendor.js）在re.fn.init.each（vendor.js）在HTMLDocument。（theme.js）在u（vendor.js）在Object.fireWith[as resolveWith]（vendor.js）准备就绪（vendor.js）