0

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

1 に答える 1

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

これは、その前のチェックに関係なく、すべての 要素の次の兄弟に一致します。<input>

代わりにこれを試してください:

$("input.inerror").next().show();
于 2013-01-12T18:12:43.967 に答える