jQuery:在表中附加到外部tr

时间:2013-01-28 07:01:02

标签: jquery html

请帮助我,我试图在div类addjob的tr之外追加元素,我不知道该怎么做..顺便说一下这个函数如何工作..每当我尝试点击添加工作标题时,它必须追加它在tr> td> div.addjob

之外

这是我的jquery:

         $(function() { 
$('body').on('click','.rmv',function(){
    $(this).parents('tr').hide('slow', function(){  $(this).parents('tr').remove(); });
});

$('body').on('click','.addjob',function(){
        var $clone = $('table.tbll tr.cloneme:first').clone();
         console.log($clone);
         $clone.append("<td><div class='rmv' >Remove</div></td>");
         ($(this)).append($clone);  
});


 });

这是我的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 class="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>

提前致谢!!

2 个答案:

答案 0 :(得分:0)

您正尝试将克隆的<tr>附加到<div class=addjob> ..尝试将其附加到父级()..

试试这个

 $('body').on('click','.addjob',function(){
    var $clone = $('table.tbll tr.cloneme:first').clone();
     console.log($clone);
     $clone.append("<td><div class='rmv' >Remove</div></td>");
     $('div.addjob').parents().eq(2).append($clone);   //here
});

fiddle here

答案 1 :(得分:0)

$('.addjob').parent('tr').after($clone);

我想这会做到这一点

完整代码

$('body').on('click','.rmv',function(){
    $(this).parents('tr').hide('slow', function(){  $(this).parents('tr').remove(); });
});

$('body').on('click','.addjob',function(){
        var $clone = $('table.tbll tr.cloneme:first').clone();
         console.log($clone);
         $clone.append("<td><div class='rmv' >Remove</div></td>");
        $('div.addjob').parent('tr').after($clone);
});