JavaScript
关于Jquery的元素parent.remove()问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区大神们，我在做一个表单验证，用Jquery的，有一个问题请教一下，就是无法remove掉节点的元素，代码看看有什么问题。
像这样，老是出现多个提示信息，删不掉。
表单部分：
Jquery部分
像这样，老是出现多个提示信息，删不掉。
表单部分：
<form style="text-align:center" method="POST">
<div class="int">
作者:
<input type="text" name="author" id="author" class="required" />
</div>
<br/>
<div class="int">
标题:
<input type="text" name="title" id="title" class="required" />
</div>
<br/>
<div class="int">
<textarea name="content" rows="10" cols="30" id="content" class="required">
</textarea>
</div>
<br/>
<div class="int">
验证码：<img id="img_code" src="./auth_code.php?r=<?php echo rand();?>" onclick="changeCode()"/><input type="text" name="authcode"/>
</div>
<br/>
<div class="sub">
<input type="submit" value="提交" id="send"/> <input type="reset" id="res" />
</div>
</form>Jquery部分
$(function(){
$("form :input.required").each(function(){
var $required = $("<strong class='high'> *</strong>");
$(this).parent().append($required);
});
$('form :input').blur(function(){
var $parent = $(this).parent();
$parent.find(".formtips").remove();//删除以前的提醒元素
//验证用户名
if($(this).is('#author')){
if(this.value=="")
{
var errorMsg = '用户名不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
//验证标题
if($(this).is('#title')){
if(this.value=="")
{
var errorMsg = '标题不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
//验证内容
if($(this).is('#content')){
if(this.value=="")
{
var errorMsg = '内容不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
});
//提交，最终验证。
$('#send').click(function(){
$("form :input.required").trigger('blur');
var numError = $('form .onError').length;
if(numError){
return false;
}
alert("注册成功,密码已发到你的邮箱,请查收.");
});
//重置
$('#res').click(function(){
$(".formtips").remove();
});
})
...全文
相关推荐
jQuery移除tr无效的解决方法(tr是动态添加)
总结起来，解决动态添加的`<tr>`元素删除问题的关键在于使用jQuery的`.parent()`方法来定位目标元素，并使用`.remove()`来删除它。
jQuery删除当前节点元素
在给定的代码示例中，通过$(btn).parent().parent().next().children()找到父元素的同级下一个元素的所有子元素，然后使用.remove()方法将它们删除。
jQuery实现动态添加和删除一个div
这样，每添加一个div元素，都会为其绑定一个可以删除自己的事件处理器，而不需要担心重复绑定的问题。需要注意的是，随着jQuery版本的更新，一些方法可能会被改进或替换。
juqery删除节点
. `.parent().remove()`: 如果你想删除某个元素的父节点，可以先选中该元素，然后调用`.parent().remove()`。这将删除包含指定元素的父节点。
从JavaScript 到 JQuery (1)学习小结
]").parent().parent().remove();`。
