jquery - jQueryを使用して入力の横にタグを表示するにはどうすればよいですか?

Question

タグのイベントtr後にタグを表示したい。関数を作成しましたが、機能していません。ユーザーがぼかしたときに欲しいものは、ぼやけた入力からの最初の .check のみが表示されるはずです。ここにコード例がありますonblurinputinputtr

<script type="text/javascript">
$(function(){
    $('input').blur(function(){
        $(this).closest('tr').nextAll('tr').filter(function(){
            return $(this).index()==0
        })
    })
})
</script>
<style>
    .check{ display:none}
</style>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><input /></td>
    </tr>
    <tr class="check">
        <td>hiiii</td>
    </tr>
    <tr>
        <td><input /></td>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr class="check">
        <td>hiiii</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td><input /></td>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr class="check">
        <td>hiiii</td>
    </tr>
</table>

Answer 1

tr.checkフィルタリングせずに、セレクターを介して次を取得できます。

デモ

$('input').blur(function(){
    $(this).closest('tr').nextAll('tr.check').first().show();
});

Answer 2

これを試して：

$(function () {
    $('input').blur(function () {
        $(this).parents('tr').nextAll('tr.check').slice(0,1).show();
    })
})

jsフィドル