为什么我不能删除此表单?

时间:2012-01-09 12:55:58

标签: jquery forms dom

我正在使用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');
    }); 
});

2 个答案:

答案 0 :(得分:9)

尝试:

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

答案 1 :(得分:0)

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

你告诉jQuery要做的是:

  1. 找到placement容器。
  2. 删除form类型的任何元素,因为您只指定了一个类型(表单,而不是类或特定元素的特定选择器)。
  3. 最后返回删除操作的结果 - 这将无法返回任何内容。
  4. karim的解释应该解决它。但是,希望这会清除为什么你的代码就像那样。