자바스크립트 attr 질문입니다.!!!

자바스크립트 attr 질문입니다.!!!

var like_state = $(".heart_section img").attr('src');
 var on = '/img/img_heart_ful.png';
var off = '/img/img_heart_empty.png';
var prod_reg_no = $('.heart_section').data('reg_no')   

$(".heart_section img").attr('src',on);    //on일때

$(".heart_section img").attr('src',on);    //off일때

게시물 리스트가 10개인데

on일때 게시물이 모두 10개가 그림이 바뀌어 버리는데

개별적인 1개만 바뀌게 할려고 햇지만 차일드도 써보고 eq도 써보았지만 잘안되서 질문을 올리게 되었습니다.

어떻게 해야하면 좋을까요?