使用jQuery從父元素中刪除元素

Question

我有一個包含多個div元素的表單

<div>
<label for="id">text</label>
<input type="text" name="id" id="id" value="">
</div>
<div>
<label for="id1">text</label>
<input type="text" name="id1" id="id1" value="">
</div>

如果輸入驗證失敗，我將使用.post驗證某些字段，然后再提交。我在父div中添加了span元素

$('#id').parent('div:first').append('<span class="error">error message</span>');
<div>
<label for="id">text</label>
<input type="text" name="id" id="id" value="">
    <span class="error">error message</span>
</div>

否則我想從div中刪除跨度，我嘗試了

$('#id').parent('div:first').remove('.error');
$('#id').parent('div:first').remove('span');

但是沒有任何想法嗎？

Answer 1

您可以這樣做：

 $('#id').nextAll('span.error').remove();

這將刪除輸入后的所有with類錯誤

在這里提琴： http : //jsfiddle.net/H5sDC/