使用jQuery向按钮添加图标

Question

我的问题非常简单，但我找不到简单的示例代码。有人可以告诉我如何在按钮上添加图像吗？这是我的示例jQuery按钮：

$("<input>", {
    type: "button",
    name: "deletebutton_" + li_name + "_" + li_index,
    id: "deletebutton_" + li_name + "_" + li_index,
    click: function() {
        //do something
    },
}).appendTo(dv);

Answer 1

您需要使用button而不是类型设置为input的{​​{1}}元素，因为只有button可以包含其他HTML元素。这样的事情应该有效：

button

或者，您可能希望考虑使用jQuery UI's button component之类的内容。

---

另一种选择是使用CSS添加图标：

var btn = $('<button />', {
    // Various properties
});

$('<img />', {
    alt: '', 
    src: 'path/to/img.png'
}).prependTo(btn);

填充是为了给图标留出一些空间。

请参阅：http://www.jsfiddle.net/yijiang/dvjVV/这两种方法的实时演示。