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();
    })
})

jsFiddle