jQuery克隆tr在桌子上

时间:2013-01-28 04:12:26

标签: jquery html

我想克隆我在表格中有类名克隆的tr,请帮助我:(

这是我的HTML代码:

<table cellspacing="10" class="tbll" >
<tr>
<td>Choose Sub Heading</td><td><select name="subheading_id" style="min-width:145Px">
            <option value="1" Sub heading Me</option>
            <option value="2" Sub heading Me 2</option>     
    </select></td><td>&nbsp;</td>
</tr>
<tr classs="cloneme">
<td>Choose Job Title</td><td><select name="jobtitles_id" style="min-width:145Px"><?php
            <option value="a" >A</option>   
            <option value="b" >B</option>   
            <option value="c" >C</option>       
                    <option value="none" >None</option> 
    </select></td>
</tr>
<tr>
<td><div class="addjob" >Add another Job Title</div></td>
</tr>
</table>

这是我的jQuery:

 $(".addjob").click(function(){
        var $clone = $('table.tbll tr.cloneme').clone();
         $('table.tbll').append($clone);    
 });

提前感谢..

2 个答案:

答案 0 :(得分:3)

你有一个错字。这是class="cloneme"而不是classs="cloneme"

jQuery无法找到您想要克隆的tr

http://jsfiddle.net/6r4Q4/1/

你也有一些无效的HTML,但我认为这不会影响它。

答案 1 :(得分:2)

$('table.tbll tr.cloneme').clone().appendTo('table.tbll');