jquery问题复选框，隐藏旁边的输入

我有很多复选框，每个复选框旁边都有一个输入字段 当我点击每个复选框时，我想要。。下一步的输入是梨！所以我做了这个。。在我看来这是合乎逻辑的，但这是一团混乱

$(":checkbox").click(function() {
    $(":checkbox").next().hide();
});

但它隐藏了文档的所有输入 所以我尝试了这个

this.next().hide();

但它不起作用！ 我试过这个

for(i=0;i<$(":checkbox").length;i++){
  $(":checkbox").eq(i).click(function() {
      $(":checkbox").eq(i).next().hide();
   });
}

对于（i=0；i尝试：

尝试：

应该是：

$(":checkbox").click(function() {
    $(this).next().hide();
});

this
和
$（this）
有很大不同，我建议阅读jQuery文档以了解更多信息，因为它是非常基本的…
应该是：

$(":checkbox").click(function() {
    $(this).next().hide();
});

this
和
$（this）
有很大的不同，我建议阅读jQuery文档以了解更多信息，因为它是非常基本的…
您想要用作复选框选择器的是-

$('input:checkbox');

其次，在click处理程序的回调中，可以使用
$（this）
关键字访问创建事件的特定元素

$("input:checkbox").on('click',function() {
  $(this).next().hide();
});

为了提高可读性，我喜欢非常详细地使用选择器，因此作为最后的建议，为什么不给
next（）
函数指定一个选择器，并指定要查找下一个
input
元素呢

  $(this).next('input').hide();

您想要用作复选框的选择器的是-

$('input:checkbox');

其次，在click处理程序的回调中，可以使用
$（this）
关键字访问创建事件的特定元素

$("input:checkbox").on('click',function() {
  $(this).next().hide();
});

为了提高可读性，我喜欢非常详细地使用选择器，因此作为最后的建议，为什么不给
next（）
函数指定一个选择器，并指定要查找下一个
input
元素呢

  $(this).next('input').hide();