Question

我是JQuery的新手，我有一些麻烦来解决这个问题。我必须从动态List（使用ASP.NET MVC4）生成输入字段，重点是我事先不知道List的大小。

我生成这样的输入框：

<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名称的动态和不可预测性，实现我的目标的最简单和更传统的方法是什么。

谢谢！

Answer 1

首先，在class添加id或ul，以便轻松识别。然后试试这个：

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

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

Example fiddle

JQuery选择特定标签

1 个答案: