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/

jQuery On clear Button删除html标签

2 个答案: