replace(), lastIndexOf(), substring()

replace()用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。


lastIndexOf()方法从指定的字符串从后向前搜索,不包括选中的字符串,从1开始计数。


substring()用于提取字符串中介于两个指点下标之间的字符,包括两个字符串本身。


实例:

//衣服颜色切换
    var $color_img=$(".color_change ul li img");
    $color_img.bind("click",function(){
        $(this).addClass("hover").parent().siblings().find("img").removeClass("hover");
        var colorSrc=$(this).attr("src");
        var colori=colorSrc.lastIndexOf(".");
        var colorUnit=colorSrc.substring(colori);
        colorcolorSrc.substring(0,colori);
         var colorSrc_big=colorSrc+"_one"+"_big"+colorUnit;
        var colorSrc_small=colorSrc+"_one"+"_small"+colorUnit;
        $("#bigImg").attr({"src":colorSrc_small});
        $("#thickImg").attr("href",colorSrc_big);
        var alt=$(this).attr("alt");
        $(".color_change strong").text(alt);
        var newColor colorSrc.substring(15,colori)
         //用substring()方法在colorSrc中找到相应的颜色单词
        //var newColorcolorSrc.replace("p_w_picpaths /pro_img/","");
        //replace()方法是用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
        //replace()在原文件可以用,不知道怎么到我这里就是不行,因此用sbustring()代替了。
        $(".imgList li").hide();
        $(".imgList").find(".imgList_"+newColorSrc).show();
        //用于解决bug,切换颜色后,放大图片还是显示原来的图片。
        $(".imgList").find(".imgList_"+newColorSrc).eq(0).find("a").click();
    }).hover(function(){
        $(this).addClass("hover1");
    },function(){
        $(this).removeClass("hover1");
    });


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章