Js 擷取字串（hover事件）

 

http://www.w3school.com.cn/js/js_obj_regexp.asp

http://www.w3school.com.cn/js/jsref_substring.asp

http://www.w3school.com.cn/js/jsref_obj_regexp.asp

 

筆記記錄：

 $(function(){

        var suffix = "_hover";

        var regCheckSuffix = new RegExp(suffix+"$","i");  //“i” 表示區分大小寫的匹配

        $("img.hover").hover(

        function(){

           var imgPath = $(this).attr('src');

           var index=imgPath.lastIndexOf('.');

           var strLeft=imgPath.substring(0,index);

           var strRight=imgPath.substring(index);

 

           if(! regCheckSuffix.test(strLeft))

           {            

                $(this).attr("src",strLeft+ suffix +strRight);

           }

     },

        function(){

           var imgPath=$(this).attr('src');

           var index=imgPath.lastIndexOf('.');

           var strLeft=imgPath.substring(0,index); 

           var strRight=imgPath.substring(index);

 

           if(regCheckSuffix.test(strLeft))

           {

                strLeft=strLeft.substring(0,strLeft.length-suffix.length);

           }

           $(this).attr("src",strLeft+strRight);

        });

    });