Javascript 如何针对onload函数的匹配输入
我被这个函数卡住了,如果输入有类“inerror”,那么它旁边的div应该会出现,但是当我运行这个函数时,它会显示所有的div。是否有解决方案,而不使用每个函数。这是我的密码Javascript 如何针对onload函数的匹配输入,javascript,jquery,Javascript,Jquery,我被这个函数卡住了,如果输入有类“inerror”,那么它旁边的div应该会出现,但是当我运行这个函数时,它会显示所有的div。是否有解决方案,而不使用每个函数。这是我的密码 <head> <script type="text/javascript"> $(function(){ if($('input').hasClass('inerror')){ $('input', this).next().show(); } }) </script> <sty
<head>
<script type="text/javascript">
$(function(){
if($('input').hasClass('inerror')){
$('input', this).next().show();
}
})
</script>
<style>
.inerror{border:solid 1px #F00}
.error{ display:none}
</style>
</head>
<body>
<input type="button" value="submit" />
<div class="error">error</div> <br />
<input type="button" value="submit" />
<div class="error">error</div> <br />
<input type="button" class="inerror" value="submit"/>
<div class="error">error</div> <br />
<input type="button" value="submit"/>
<div class="error">error</div> <br />
</body>
$(函数(){
if($('input').hasClass('inerror')){
$('input',this.next().show();
}
})
.inerror{边框:实心1px#F00}
.错误{显示:无}
错误
错误
错误
错误
这将匹配所有
元素的下一个同级,而不考虑之前的检查
请尝试以下方法:
$("input.inerror").next().show();
$("input.inerror").next().show();