jQuery和标签输入

jQuery and label input

本文关键字：输入 标签 jQuery      更新时间：2023-09-26
<div id="one">
    <label for="number">Number</label>
    <div id="two">
        <input id="number" type="text" name="number">
    </div>   
</div>

This show me:

  2. [输入]

我怎么做:

  1. 数量[输入]

我如何用jQuery修改这个?(不修改html)

生活:http://jsfiddle.net/UBx6p/

用<span>代替<div> 

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

嗯，你真的应该像上面所说的那样修改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/

可以使用CSS而不是javascript吗?

#two {
    display:inline-block;
}

如果你只想用JS。然后按照建议使用如下内容

document.getElementById('two').style.display = 'inline';
相关文章：