jq获取图片路径，更换图片路径、更换图片格式

遇到的问题：用jq鼠标移除移入动态更换图片，做一个huover效果。（更换的图片命名差别不大的情况下适用），比如：aaa.jpg 将其更换为aaa_h.jpg。

	//鼠标移入

$(".social li").mouseover(function(){
	// 当前li下标
	var index = $(this).index();
	// 当前li下标图片路径
     var imgsrc =$(".kf01_social li:nth("+index+") a img").attr("src");
	 // 将获取到的图片路径转成字符串操作
	 var s = imgsrc.toString();
	 // 截去后四位
      var img_4 = imgsrc.substring(0,s.length-4);
	  // 保留后四个字符(图片格式)
      var imglast4 = imgsrc.substring((s.length-4),s.length);
	  // 在图片格式前增加相应区别字符
	  var newimg = img_4+"_h"+imglast4;
	// 修改图片路径
	$(".social li:nth("+index+") a img").attr("src",newimg);
	
		console.log("li下标："+index);
		// console.log("li下标图片地址："+imgsrc);
		console.log("li下标图片地址截取："+img_4);
		console.log("li下标图片地址截取后四："+imglast4);
		console.log("li下标图片地址新路径："+newimg);
})


//鼠标移出
 $(".kf01_social li").mouseout(function(){
	 var index = $(this).index();
	 // 当前li下标图片路径
	  var imgsrc =$(".social li:nth("+index+") a img").attr("src");
	  // 将获取到的图片路径转成字符串操作
	  var s = imgsrc.toString();
	  // 截去后四位
	   var img_4 = imgsrc.substring(0,s.length-6);
	   // 保留后四个字符(图片格式)
	   var imglast4 = imgsrc.substring((s.length-4),s.length);
	   // 在图片格式前增加相应区别字符
	   var newimg = img_4+imglast4;
	 // 修改图片路径
	 $(".social li:nth("+index+") a img").attr("src",newimg);
 })

个人能力有限，如有错漏或者更好的写法希望能大家能分享，共同学习进步！