jquery - 使用 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" />");