如果输入有类'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>
答案 0 :(得分:1)
$('input', this).next().show()
这匹配所有 <input>
元素的下一个兄弟,无论之前的检查如何。
请改为尝试:
$("input.inerror").next().show();