使用 Jquery 添加图像以提交输入

Question

您好，我有以下代码，

<input type="submit" name="btnCheckOut" value="Buy >>" id="btnCheckOut" />

我无法直接访问源代码，但我想在“Buy”前面添加一个图像“money.png” em> 文本。

如何使用 Jquery 来做到这一点？

Answer 1

您可以使用 CSS 向“提交”元素添加背景图像来完成此操作。

submit {

    background: url('/myimage.png') no-repeat top left;
    padding: 2px 8px;
}

Answer 2

Aaron Huran 的解决方案，但在 JQuery 中：

$(this).css('background', "url('/myimage.png') no-repeat top left").css('padding', '2px 8px');

Answer 3

“在前面”是指在 前面还是在实际文本前面（即在输入内）？

如果是前者，那么应该这样做：

$('input[name=btnCheckOut]').before('<img src="money.png"/>');

如果是后者，那么您应该使用 来代替，因为它允许其中几乎任何元素：

$('input[name=btnCheckOut]').before(
    '<button name="btnCheckOut"><img src="money.png"/>Buy >></button>'
).remove();

Answer 4

使用 before() 在输入标签之前插入图像。

http://api.jquery.com/before/

$('#btnCheckOut').before('<img src="money.png" id="..." />');

PS
如果你希望图像也可以点击，你也必须通过 jQuery 绑定点击事件来管理它。