2012-01-09 25 views
2

我使用jQuery中的.remove()函数尝试从我创建的页面上的DIV中移除表单,但它看起来不起作用。我的代码有什么问题吗?为什么我不能删除此表单?

我已经使用了一个警告,看看实际的行是否被解雇,它肯定是。基本上我有一个页面上的删除按钮,我希望将删除最后添加的表单,但它不这样做。我看到了.last()函数,但不知道我是否可以在这种情况下使用它?

HTML:

<input type="button" value="Delete Row" class="removePlacement button blue" /> 

<div id="placement"> 
<form id="placement-form" class="placement-form"> 
    <!-- items --> 
</form> 
<form id="placement-form1" class="placement-form"> 
    <!-- items --> 
</form> 
<form id="placement-form2" class="placement-form"> 
    <!-- items --> 
</form> 
<form id="placement-form3" class="placement-form"> 
    <!-- items --> 
</form> 
</div> 

的jQuery:

$(function() { 
$('.removePlacement').click(function() { 
    $('#placement').remove('form').last(); 
    // alert('0'); 
    }); 
}); 

回答

9

尝试:

$(function() { 
    $('.removePlacement').click(function() { 
     $('#placement').find("form:last").remove(); 
     // alert('0'); 
    }); 
}); 
+0

辉煌,工作,感谢您的帮助@ karim79 – zik 2012-01-09 13:00:37

0
$('#placement').remove('form').last(); 

你告诉jQuery来这里做的是:

  1. 找到容器placement
  2. 删除任何类型为form的元素,因为您仅指定了一个类型(表单,而不是指定类或特定元素的特定选择器)。
  3. 返回删除操作的结果的最后一个 - 不会返回任何内容。

karim的解释应该解决它。但是,希望这会清除为什么您的代码的行为如此。

+0

是的,这是。多谢,伙计。只要掌握JQuery并思考,这是一种伟大的语言! – zik 2012-01-09 13:04:41

+0

@Kiz jQuery是*不*一种语言。这是一个DOM库。 – 2012-01-09 19:35:18

+0

公平竞赛。确实如此。 JavaScript是语言。 D'哦! – zik 2012-01-10 09:44:02

相关问题