jquery - 显示一个输入并隐藏另一个

Question

我在一个页面中有很多输入，我只想显示一个，直到你按下回车键。当你按下回车键时，当前输入消失，隐藏的输入出现。

<input type="text" value="Name" />
<input type="text" value="Password" />

这是jQuery代码：

$('input').each(function(){

    $(this).fadeIn();

        $(this).on('keyup', function(e) {
            if (e.which == 13) 
                return true;
            else return false;

        });
    $(this).fadeOut();
});

我制作了这段脚本，但它不起作用。它同时向我显示两个输入，然后消失。

我应该改变什么以获得预期的结果？

Answer 1

http://jsfiddle.net/z7ZNL/1/

<input type="text" value="Name" />
<input type="text" value="Password" style="display: none;" />

$('input').on('keyup', function(e) {
  if (e.which == 13) 
    $('input').not(this).fadeIn();
    $(this).fadeOut();
});

这仅够处理两个输入的代码。您的描述提到“很多”。为此，您需要某种计数器或位置标记来循环遍历所有元素。

我同意popnoodles。这是奇怪的行为。谨慎使用。