为什么此页面上的jQuery适用于Internet Explorer 8，但没有其他内容？

Question

我创建了一个使用jQuery的网页：http://benmccormack.com/demo/MichaelMassPsalm/Psalm16Mode5.html

当您将组合框中的选项从Higher Key更改为Lower Key时，所有音乐图像都应将其源更改为代表较低键签名的图像。这在IE8中效果很好，但在Safari，Firefox或Chrome中无法使用。

为什么不呢？

---

这是我正在使用的jQuery代码：

$(document).ready(function () {
    $("#musicKey").change(function (event) {
        if ($("#musicKey").val() * 1) {
            $("img[src*='Low'").each(function (index) {
                $(this).attr("src", $(this).attr("src").replace("Low", "High"));
            });
        }
        else {
            $("img[src*='High'").each(function (index) {
                $(this).attr("src", $(this).attr("src").replace("High", "Low"));
            });
        }
    });
});

Answer 1

您错过了attribute-contains selectors上的右括号：

$("img[src*='Low']")
//and...
$("img[src*='High']")

目前，该无效选择器没有找到任何内容，因此无需执行任何操作。