javascript - Jquery/Javascript - 存储字符串的最后 4 个字母(跨浏览器)

Question

我编写了一个快速图像交换类，通过将“_grey”添加到图像 src 来在悬停时切换图像。该代码在除 ie6 之外的所有浏览器中的整个站点中都运行良好。 substr 在这里似乎无法正常工作 - 请提供任何建议!？

代码如下 -

$(document).ready(function() {
var initImg;    
    $('img.swapGrey').hover(function() {


        initImg = $(this).attr("src");  
        var imgType = (initImg).substr(-4);
        alert(initImg);
        var greyImg = initImg.slice(0, -4) + "_grey" + imgType;
        alert(greyImg);

        $(this).attr("src",greyImg);

            }, function() {
        $(this).attr("src",initImg);

    });


});

Answer 1

使用slice而不是substr。 substr 是非标准的，而 slice 在 ECMAScript 3 规范中指定(包括负位置)，并且在所有主要浏览器中都受支持，包括 IE 6。