0

每次按下按钮时，我都尝试显示最多 10 个新字段。

我目前只有：

$('.add_field').live('click', function(){
    $(this).next('.field1').fadeIn();
    return false;
});

HTML：

 <fieldset>
     <label>Label Name</label>
     <input id="field1" name="field1" type="text">
</fieldset>
<fieldset>
     <label>Label Name</label>
     <input id="field2" name="field2" type="text">
</fieldset>
...
<a class="add_field" href="#">Add Field</a>

我不需要动态添加只显示它们的字段，它们都在刚刚隐藏的 HTML 中。我不确定如何在每次按下按钮时仅显示列表中的下一个字段。这些字段中的每一个都有唯一的数字，但我不确定如何在每次按下按钮时增加计数以显示它们。

提前致谢！

4

2 回答 2

2

使用已发布的 HTML - DEMO

$('.add_field').on('click', function(e){
    e.preventDefault();
    $('fieldset:hidden').eq(0).fadeIn();
});
于 2013-01-08T23:23:05.750 回答
1

更新

这是我的代码的更新版本，适合您最近发布的 HTML 布局。这个想法保持不变：点击找到第一个隐藏元素并显示它。

$('.add_field').click(function(evt){
  $("fieldset:hidden:eq(0)").fadeIn();
  evt.preventDefault();
});

以前的

您可以使用:hidden选择器和.nextAll().

$('.add_field').click(function(evt){
  $(this).nextAll(':hidden').eq(0).fadeIn();
  evt.preventDefault();
});

只要存在这种隐藏的下一个兄弟姐妹。

于 2013-01-08T23:18:59.573 回答