Javascript 隐藏所选项目&；从jquery中的项目列表中显示另一个项目_Javascript_C#_Jquery_Asp.net

Javascript 隐藏所选项目&；从jquery中的项目列表中显示另一个项目

javascript c# jquery asp.net

Javascript 隐藏所选项目&；从jquery中的项目列表中显示另一个项目,javascript,c#,jquery,asp.net,Javascript,C#,Jquery,Asp.net,我正在尝试从表行列表中切换带有文本框的按钮。我使用的是asp.netmvc4&jquery1.9.1。问题是我点击的按钮被隐藏了，但是文本框出现在所有的行中。我的代码如下 <script> $(document).ready(function () { $('.btnDue').click(function () { $(this).hide(); $('.txtDue').show(); });

我正在尝试从表行列表中切换带有

文本框的按钮
。我使用的是asp.netmvc4
&jquery1.9.1
。问题是我点击的按钮被隐藏了，但是文本框出现在所有的行中。我的代码如下
<script>
    $(document).ready(function () {
        $('.btnDue').click(function () {
            $(this).hide();
            $('.txtDue').show();
        });
    });
</script>
<body>
    @foreach(var item in Model.DueList)
    {
        <tr><td><button class="btnDue">Set Due</button>@Html.TextBoxFor(modelItem => item.due, new { @class = "txtDue", hidden = "hidden" })</td></tr>
    }
</body>


$（文档）.ready（函数（）{
$（'.btnDue'）。单击（函数（）{
$（this.hide（）；
$（'.txtDue'）.show（）；
});
});
@foreach（Model.DueList中的var项）
{
设置Due@Html.TextBoxFor（modelItem=>item.due，新的{@class=“txtDue”，hidden=“hidden”}）
}

如何仅显示单击按钮的文本框？我非常需要这个帮助。Tnx.
$（'.txtDue'）
引用了类为“txtDue”的所有div，这就是为什么单击任何按钮时会显示所有div
$(this).closest('tr').find('.txtDue').show();

我不知道我们谈论的文本框有多少个，但是如果不是太多，那么您可能需要给它们id，这样您可以单独引用它们。
$（'.txtDue'）
引用类为'txtDue'的所有div，这就是为什么当您单击任何按钮时它会显示所有div
我不知道我们谈论的文本框有多少个，但是如果不是太多，那么您可能需要给它们id，这样您可以单独引用它们。
$（'.txtDue'）
引用类为'txtDue'的所有div，这就是为什么当您单击任何按钮时它会显示所有div
我不知道我们谈论的文本框有多少个，但是如果不是太多，那么您可能需要给它们id，这样您可以单独引用它们。
$（'.txtDue'）
引用类为'txtDue'的所有div，这就是为什么当您单击任何按钮时它会显示所有div
我不知道我们谈论的文本框有多少个，但如果不是太多，那么您可能需要给它们id，这样您可以单独引用它们。
$（'.txtDue'）将应用于具有txtDue类的所有输入。要引用您单击的按钮旁边的输入，请尝试：
<script>
    $(document).ready(function () {
        $('.btnDue').click(function () {
            $(this).hide();
            $(this).siblings('.txtDue').show();
        });
    });
</script>


$（文档）.ready（函数（）{
$（'.btnDue'）。单击（函数（）{
$（this.hide（）；
$（this.sides（'.txtDue'）.show（）；
});
});
$（'.txtDue'）将应用于具有txtDue类的所有输入。要引用您单击的按钮旁边的输入，请尝试：
<script>
    $(document).ready(function () {
        $('.btnDue').click(function () {
            $(this).hide();
            $(this).siblings('.txtDue').show();
        });
    });
</script>


$（文档）.ready（函数（）{
$（'.btnDue'）。单击（函数（）{
$（this.hide（）；
$（this.sides（'.txtDue'）.show（）；
});
});
$（'.txtDue'）将应用于具有txtDue类的所有输入。要引用您单击的按钮旁边的输入，请尝试：
<script>
    $(document).ready(function () {
        $('.btnDue').click(function () {
            $(this).hide();
            $(this).siblings('.txtDue').show();
        });
    });
</script>


$（文档）.ready（函数（）{
$（'.btnDue'）。单击（函数（）{
$（this.hide（）；
$（this.sides（'.txtDue'）.show（）；
});
});
$（'.txtDue'）将应用于具有txtDue类的所有输入。要引用您单击的按钮旁边的输入，请尝试：
<script>
    $(document).ready(function () {
        $('.btnDue').click(function () {
            $(this).hide();
            $(this).siblings('.txtDue').show();
        });
    });
</script>


$（文档）.ready（函数（）{
$（'.btnDue'）。单击（函数（）{
$（this.hide（）；
$（this.sides（'.txtDue'）.show（）；
});
});
您可以使用选择具有txtDue
类的以下同级：
$('.btnDue').click(function () {
    $(this).hide();
    $(this).next('.txtDue').show();
});

您可以使用选择具有txtDue
类的以下同级：
$('.btnDue').click(function () {
    $(this).hide();
    $(this).next('.txtDue').show();
});

您可以使用选择具有txtDue
类的以下同级：
$('.btnDue').click(function () {
    $(this).hide();
    $(this).next('.txtDue').show();
});

您可以使用选择具有txtDue
类的以下同级：
$('.btnDue').click(function () {
    $(this).hide();
    $(this).next('.txtDue').show();
});

使用Id属性或可能的类可能有助于简化此操作。使用Id属性或可能的类可能有助于简化此操作。使用Id属性或可能的类可能有助于简化此操作。使用Id属性或可能的类可能有助于简化此操作不，我不能使用id，因为数据会不时增加，所以行数也会增加。我需要一种即使行数增加也能工作的方法。谢谢，我明白了。我认为提到“下一个”或“最近的”的答案将是你最好的选择。不，我不能使用id，因为数据会不时增加，所以行数也会增加。我需要一种即使行数增加也能工作的方法。谢谢，我明白了。我认为提到“下一个”或“最近的”的答案将是你最好的选择。不，我不能使用id，因为数据会不时增加，所以行数也会增加。我需要一种即使行数增加也能工作的方法。谢谢，我明白了。我认为提到“下一个”或“最近的”的答案将是你最好的选择。不，我不能使用id，因为数据会不时增加，所以行数也会增加。我需要一种即使行数增加也能工作的方法。谢谢，我明白了。我认为提到“下一个”或“最近的”的答案将是你最好的选择。有很多，其中一些avec非常有用：）有很多，其中一些avec非常有用：）有很多，其中一些avec非常有用：）有很多，其中一些avec非常有用：）