0

我在删除克隆的 tr 时遇到问题。我的克隆功能运行良好,但是每当我尝试在右侧添加删除按钮时,什么都没有发生。请帮助我

jQuery :

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

        $(".rmv").click(function(){
            alert("wee");
           // $(this).parents('td').remove();
        });

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>

请帮我。我不知道该怎么办

提前致谢..

4

2 回答 2

0

您的删除点击功能不适用于动态添加的元素。你必须使用jquery.on

$('body').on('click', '.rmv',function(){
    alert("wee");
    $(this).closest('tr').remove();
});

此外,您仍然有classscloneme,请将其更正为class.

这是一个工作小提琴:http: //jsfiddle.net/7Z5kt/

编辑:我已将您更改.parents('td').closest('tr')假设您想删除整行。请相应地更改此设置。

注意:.closest 有助于在层次结构中找到所需的元素,并帮助您避免返回的元素.parents()

编辑 2:这是一个使用 .live 在 jquery 1.7 之前使用的版本

$('.rmv').live('click', function(){
    alert("wee");
    $(this).closest('tr').remove();
});
于 2013-01-28T06:02:45.947 回答
0

您只需要一个事件委托:http://jsfiddle.net/h9pH5/

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

$('.tbll').on('click', '.rmv', function () {
   alert("wee");
   $(this).closest('tr').remove();
});

在你的 html 中你有s多个

`<tr classs="cloneme">`
      //--^---here
于 2013-01-28T06:09:23.807 回答