入力にクラス「エラー」があり、その横に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>