使用 jquery 从父元素中删除元素答案

【问题标题】：use jquery to remove element from parent使用 jquery 从父元素中删除元素
【发布时间】：2011-09-29 08:34:34
【问题描述】：

我有一个像这样包含多个 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');

但不起作用有什么想法吗？

【问题讨论】：

标签： javascript jquery

【解决方案1】：

你可以这样做：

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

这将删除输入后的所有类错误

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

【讨论】：

不确定 nextAll（对那个人不熟悉）但看起来像我正在考虑的解决方案，只需删除 .error
nextAll 选择元素后面的所有兄弟姐妹，这样您就有多个错误消息，所有这些都被删除
正确。只是不熟悉。我不会 $(".error").remove();