jquery를 사용하여 텍스트에 따라 이미지를 단추로 변경 하시겠습니까?

Question

온라인 상점에 결제 페이지가 있으며 할인 쿠폰 코드 용 입력란은 '전체 업데이트'버튼 옆에 있습니다. 다음 열은 할인을 표시합니다.

  --------------- —————————————— 
enter code:|    | |update total|   - $0.00 
      --------------- —————————————— 

사용자가 올바른 코드 및 프레스 정확한 할인 금액 다시 페이지가로드를 업데이트 입력 :

  --------------- —————————————— 
enter code:| 1234  | |update total|   - $10.00 
      --------------- —————————————— 

내가 대신 버튼의 틱 이미지를 볼 수 사용자가 원하는, 그래서 그들은 혼란스러워하지 마시고 다음과 같이 다시 업데이트하십시오 :

  ---------------  
enter code:| 1234  |  tick image   - $10.00 
      ---------------  

jquery로이 작업을 수행 할 수 있습니까? 나는 그것이 0 있는 HTML이 다음과 같이 대략 보이는 아니었다면 그것을보고 용량을 확인 것 같아요 ...

<td> 
<input type='text' class='couponinput' name='coupon_num' id='coupon_num' value='' /> 
<input type='submit' class='update-button' value='Update' /> 
</td> 
<td class="lastcolumn"> 
<span id="coupons_amount" class="pricedisplaycart" style="font-weight:bold; color:black;" >-&#163;0.00</span> 
</td> 

Answer 1

숨기기를하고 (기본적으로 그것을 대체하는) 그 후 이미지에 삽입

$('input[type=submit]').hide().after('<img src="tickImage.jpg" />");