1

我是 JQuery 的新手，我在解决这个问题时遇到了一些麻烦。我必须从动态列表（使用 ASP.NET MVC4）生成输入字段，关键是我事先不知道列表的大小。

我生成这样的输入框：

<ul>
        @for(int i=0;i< Model.listeVisites.Count;i++)
        {      
            <li><input id="input-visite+@i"  type="text" value="@Model.listeVisites[i]" /></li>
        }
</ul>

我想为每个输入创建一个按钮，这样当它被点击时，输入字段被.hide（）隐藏，并且该字段设置为空字符串。但是我无法弄清楚两件事：

1) 使用 Jquery，我真的不知道如何将函数链接到事件。在“普通”javascript中，我会在输入字段中添加一个 Onclick 属性，但是如何使用 Jquery 实现它？

2) 考虑到我的 id 名称的动态和不可预测的性质，实现我的目标的最简单和更传统的方法是什么。

谢谢 ！

4

1 回答 1

2

首先，将class或添加id到您的ul，以便可以轻松识别。然后试试这个：

$('#myUl li input').each(function() {
    $(this).after($('<button />', { text: 'Hide' }));
});

$('#myUl').on('click', 'button', function() {
    $(this).prev('input').hide();
});

示例小提琴

于 2013-11-02T22:01:56.330 回答