jQueryのimgタグのsrcを参照する際の.splitエラーについて

Question

下記コードにて、簡単なスライダーのようなものを作りました。
スライダー自体の動きにはなんの問題も無いのですが、ウィンドウのリサイズ行った時に、imgタグのsrcを参照してsrcの一部を変更して画像を変えるようなコードを書いたのですが、Uncaught TypeError: Cannot read property 'split' of undefinedとエラーが出て、var $imgSrc = $(this).attr('src').split('/');の.split部分で赤線が出てしまいます。
参考サイトからヒントを得て記述いたしました。

<div class="slide_show">
	<img src="https://s3-ap-northeast-1.amazonaws.com/~/catch_01_pc.png" alt="" name="catch_01">
	<img src="https://s3-ap-northeast-1.amazonaws.com/~/catch_02_pc.png" alt="" name="catch_02">
	<img src="https://s3-ap-northeast-1.amazonaws.com/~/catch_03_pc.png" alt="" name="catch_03"> 
</div>

$(window).on('load resize', function() {
    if (window.matchMedia('(max-width:768px)').matches) {
 			
			var $cc_img = $('.slide_show').find('img');
			var $imgSrc = $(this).attr('src').split('/');
			
			$cc_img.each(function() {
				if ($imgSrc[5] == 'catch_01_pc.png') {
					var catch_sp = $(this).attr('src').replace('_pc' , '_sp');
					$(this).attr('src', catch_sp);
				}

				if ($imgSrc[5] == 'catch_02_pc.png') {
					var catch_sp = $(this).attr('src').replace('_pc' , '_sp');
					$(this).attr('src', catch_sp);
				}

				if ($imgSrc[5] == 'catch_03_pc.png') {
					var catch_sp = $(this).attr('src').replace('_pc' , '_sp');
					$(this).attr('src', catch_sp);
				}
			});
    };
});

$(window).on('load' , function() { 	
	$('.slide_show').each(function() {
		var $slides = $(this).find('img'),
	        slideCount = $slides.length,	
	        currentIndex = 0,
	        duration = 750;
			
		$slides.eq(currentIndex).fadeIn(duration);	
		
		setInterval(showNextSlide, 5500);
		
		function showNextSlide() {
			
			var nextIndex = (currentIndex + 1) % slideCount;
			
			$slides.eq(currentIndex).fadeOut(duration);
			
			$slides.eq(nextIndex).fadeIn(duration);
			
			currentIndex = nextIndex;
		}
	});
});

稚拙な記述で大変お恥ずかしいのですが、何かアドバイスをご教授頂けますと幸いです。
よろしくお願いします。

Answer 1

こうでは？

//            var $imgSrc = $(this).attr('src').split('/');
            var $imgSrc = $cc_img.attr('src').split('/');

未確認です

Answer 2

imgタグのsrc URLに"_pc","_sp"が含まれる可能性がない(画像のファイル名以外に"_pc","_sp"が含まれない)なら以下でどうですか？

$('.slide_show').find('img').each(function(){
    $(this).attr('src', $(this).attr('src').replace('_pc' , '_sp'));
});