jQuery和标签输入

Question

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

这件事告诉我：

1. Number
2. input

我怎样才能做到：

1. 号码输入

我如何用jQuery来修改它呢？(不修改html)

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

Answer 1

好吧，你真的应该像上面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/

Answer 2

使用<span>而不是<div>。

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

Answer 3

你能使用CSS而不是javascript吗？

#two {
    display:inline-block;
}