jQuery中标签文本之前的复选框答案

【问题标题】：Checkbox before label text in jQueryjQuery中标签文本之前的复选框
【发布时间】：2013-03-12 10:41:21
【问题描述】：

我有以下功能：

addCheckbox: function (name, parent, value, text) {
    var div = jQuery("#" + parent);
    var input = jQuery(document.createElement('input')).attr({
        id: "cbid_" + value,
        name: name,
        value: value,
        type: 'checkbox'
    });
    var label = jQuery("<label>").text(text);

    input.appendTo(label);
    div.append(label);
},

现在，这可行，但会产生以下结果：

我想在标签之前添加复选框，使其看起来像[x] Document Files。有没有办法在不使用html() 的情况下做到这一点？

【问题讨论】：

使用前置api.jquery.com/prepend

标签： jquery html checkbox

【解决方案1】：

是的，你可以使用prependTo：

var label = jQuery("<label>").text(text);

input.prependTo(label); // <=== Here
div.append(label);

【讨论】：

【解决方案2】：

或者您可以只使用 CSS：在 <input> 元素上使用类似于 float: left 的属性，或在 <label> 元素上使用类似于 float: right 的属性。

【讨论】：