请帮助我,我试图在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> </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>
提前致谢!!
答案 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
});
答案 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);
});