jQuery On clear Button 删除 html 标签

Question

您好，表单上有一个 jQuery 验证，

当用户点击提交时，它会生成一个标签标签

<label for="LastName" generated="true" class="error">This field is required.</label>
<label for="FirstName" generated="true" class="error">This field is required.</label>
<label for="Email" generated="true" class="error">This field is required.</label>
<label for="DOB" generated="true" class="error">This field is required.</label>

点击时我有一个清除按钮 它做了以下事情

$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected')
$("#DOB").removeAttr('value');

但我也想删除验证生成的标签。 我试过这样的东西

$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected')
$("#DOB").removeAttr('value') 
$( "label[for='LastName']" ).remove()
$( "label[for='FirstName']" ).remove()
$( "label[for='Email']" ).remove();

但是没有用。

有什么帮助吗？

Answer 1

一口气把它们全部搞定。您只需要：

$('.error').remove()

Answer 2

您的代码，但末尾有分号 :)。结束它的工作。

$('#remove').click(function() {

    $("label[for='DOB']" ).remove();
    $("label[for='LastName']" ).remove();
    $("label[for='FirstName']" ).remove();
    $("label[for='Email']" ).remove();

});

代码：http://jsfiddle.net/LS2bE/1/