javascript - 页面加载时默认选择图片

Question

我有一个 JSON 提要，我提取值以使用产品尺寸、颜色/缩略图填充选择菜单，并在提交时获取对象中的值。

我需要的是默认选择一个图像，如果它的标题匹配在顶部声明和初始化的变量的值(例如 var initialColour = "Wheat";)。因此，如果 initialColour 为“Brown”，则默认情况下应选择标题为“Brown”的图像，并且下拉菜单中的尺寸应反射(reflect)选择。

这就是我正在尝试的:

            if(mainImg.attr('title') == initialColour) {
                 $(this).addClass("active");
            }

这是在下面 jsfiddle 链接的第 27 行。

JSFIDDLE COMPLETE DEMO

附注我也很感激有关结构的任何提示，我知道它一团糟。

Answer 1

是this fiddle做你想要的吗？
我在两个地方更改了一些代码，我将原始行留在那里作为引用。基本上，我将图像直接分配给 mainImg。然后在添加类时也使用它。此外，您在此处的图像 html 中遗漏了几个 ':

$("<img src="+constructImageURL(mainImgID)+" id="+mainImgID+" class='colourThumb' title="+colour+" data-value='"+colour+"'> ")