jquery - jQuery：追加到表中的外部 tr

Question

请帮助我，我正在尝试将元素附加到 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>

提前致谢！！

Answer 1

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

尝试这个

 $('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
});

在这里摆弄

Answer 2

$('.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);
});