Javascript 如何隐藏或显示输入标记？

单击span标记时，如何隐藏或显示输入标记

我想点击每个span标记，显示输入标记，隐藏与该行相关的span标记，其他行仅显示span标记。像这一排的其他行

$（文档）.ready（函数（）{
变量ID，tmp_ID，计数，标志=0；
$（“tr”）。单击（函数（）{
ID=$（this.attr（'ID'）；
$（“#s”+ID）.hide（）；
$（“#num”+ID）.show（）；
$（“#btn”+ID）.show（）；
});
$（“btn”+ID）。单击（函数（）{
$（“#s”+ID）.show（）；
$（“#num”+v）.hide（）；
$（“#btn”+ID）.hide（）；
});
});
.num{
显示：无；
}

名称
1.
点击我！
2.
点击我！
3.
点击我！
4.
您的问题真的很难理解，但我得到的是，您希望在单击行的span元素时隐藏并显示行中的输入

尝试将单击事件绑定到每个范围，并访问其父级，然后访问输入以切换它

$('#tableCompleted span').each(function(){
   $(this).click(function(){
      $('#tableCompleted input').hide();
      $(this).parent().find('input').first().show();
   });
});

此代码将隐藏表中的所有输入字段，并仅显示单击了相应span标记的输入

如果要隐藏该行中的跨度，请使用以下代码：
为每个“btn”指定一个类，例如“sub btn”，如下所示：

<div id = "btn1" class="num sub-btn">click me!</div>

注意：在您的示例中，您有两个带btn1的ID
您永远不会触发$（“btn”+ID）。单击（函数（）因为在您加载文档时，ID为空。这是您的问题谢谢您的重播，解决方案是什么？您的英语真的很难理解，请尝试再次解释您试图实现的目标。您可以使用jquery切换功能了解更多信息请参阅此感谢您的重播，当我单击每一行时，这就是行必须显示输入标记，其他行必须仅显示跨度。这是我的工作解决方案的分叉谢谢，它已工作，我希望单击“单击我！”并隐藏所有输入，如何使用？类似于我发布的单击功能。请注意，堆栈溢出不是一个为您编写所有代码的平台。请尝试理解我的代码的作用。请阅读jQuery文档。
$(".sub-btn").click(function()
    {
        ID = $(this).attr('id').replace(/\D/gi,'');//removes all non-numeric character in id to get number
        $("#s" + ID).show();
        $("#num" + ID).hide();
        $("#btn" + ID).hide();
    });