jQuery和标签输入

Question

<div id="one">
    <label for="number">Number</label>
    <div id="two">
        <input id="number" type="text" name="number">
    </div>   
</div>

这告诉我：

1. 数
2. [输入]

我该怎么做：

1. 号码[输入]

如何使用jQuery修改它？ （不修改HTML）

现场：http://jsfiddle.net/UBx6p/

Answer 1

使用<span>代替<div>。

<div id="one">
    <label for="number">Number</label>
    <span id="two">
        <input id="number" type="text" name="number">
    </span>   
</div>

Answer 2

你能使用CSS而不是javascript吗？

#two {
    display:inline-block;
}

Answer 3

如果只想在JS中使用它。然后按照建议使用类似的东西

document.getElementById('two').style.display = 'inline'; 

Answer 4

好吧，你真的应该改变Xavi上面提到的HTML。

如果这是不可能的，您可以通过jQuery执行HTML更改：

$('#one label').css('float', 'left');
$('#one #two').css('float', 'left');
$('#one #two').css('margin-left', '5px');
$('#one').append('<div style="clear:both"></div>');

把它放在这里：http://jsfiddle.net/UBx6p/8/