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

Question

I have the following function:

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);
},

Now, this works, but it produces the following result:

I want to add the checkbox before the label so it would look like [x] Document Files . Is there a way to do this without using html() ?

Answer 1

Yes, you can use prependTo :

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

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

Answer 2

或者你只能使用CSS：在<input>元素上使用类似于float: left的属性float: left ;或者在<label>元素上使用float: right 。