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