<style>
    #tb1 { width:1000px; float: left;}
    #tb1 span{ float:left; text-align:center;}
    #tb1 span input{ width:20px;}
    #tb2 { width:1000px; float: left;}
    #tb2 span{ width:32px; border-right:solid 1px #CCC;  float:left;}
    #tb2 span input{ width:10px;}
</style>

<div id="tb1">
    <span>0&lt;<input type="text" class="qujian" maxlength="5" /></span><span class="add"><a href="javascript:;" id="add">增加</a></span>
</div>

<div id="tb2">
<span><input type="text" class="shibiema" maxlength="5" /></span><span class="add"></span>
</div>
<script>
    $("#add").click(function(){
        $("#tb1").find(".add").before("<span>&lt;<input class=\"qujian\" type=\"text\" maxlength=\"5\" /></span>");
        $("#tb2").find(".add").before("<span><input class=\"shibiema\" type=\"text\" maxlength=\"5\" /></span>");
    });
</script>