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

时间:2013-03-12 10:41:21

标签: jquery html checkbox

我有以下功能:

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

现在,这有效,但它会产生以下结果:

Text comes before checkbox

我想在标签前添加复选框,使其看起来像[x] Document Files。有没有办法在不使用html()的情况下执行此操作?

2 个答案:

答案 0 :(得分:7)

是的,您可以使用prependTo

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

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

答案 1 :(得分:0)

或者您只能使用CSS:在float: left元素上使用与<input>类似的属性,或在float: right元素上使用<label>