如何在onload函数上定位匹配输入

时间:2013-01-12 18:07:46

标签: javascript jquery

如果输入有类'inerror',我会遇到必须要做的函数,然后它旁边的div应该出现,但是当我运行该函数时,它显示所有的div。没有使用每个功能,是否有解决方案。这是我的代码

<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>

1 个答案:

答案 0 :(得分:1)

$('input', this).next().show()

这匹配所有 <input>元素的下一个兄弟,无论之前的检查如何。

请改为尝试:

$("input.inerror").next().show();