使用jquery从父项中删除元素

时间:2011-09-29 08:34:34

标签: javascript jquery

我有一个包含多个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验证某些字段 如果输入验证失败,我将一个span元素添加到父div

$('#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');

但不起作用 任何想法?

1 个答案:

答案 0 :(得分:1)

你可以这样做:

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

这将删除输入

后的所有类错误

在这里摆弄:http://jsfiddle.net/H5sDC/