제이쿼리 이미지 on/off 하기

<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">

$(".alarm > img").click(function(){
     $(this).attr("src", function(index, attr){
         if(attr.match("alarm.png")){
              return attr.replace("alarm.png","alarm(yellow).png");
         } else {
              return attr.replace("alarm(yellow).png","alarm.png");
         }
     })
});
</script>

//body부분
<tr>
  <td class="select"><input type="checkbox" class="chk"></td>
  <td class="title"><span>HOME ALONE</span></td>
  <td class="alarm"><img src="../img/alarm.png" alt="알림"></td>
  <td class="delete"><img src="../img/delete.png" alt="삭제"></td>
</tr>