JavaScript更改元素类型

Question

我有一个按钮，我想当我单击它时添加一个输入，然后按Enter键后输入按钮或其他内容。

---

<button>add tag</button>
<input type="text" name="" placeholder="tag">

---

$(document).ready(function () {
        $('button').click(function () {
            $("button").before("input");
        });
    });

Answer 1

尝试一下

$(document).ready(function() {
  $('button').click(function() {
    $("body").before("input");
  });
  $("input").keyup(function(e) {
    if (e.keyCode == 13)
      $(this).attr("type", "button");
    $(this).val('button')
  })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>add tag</button>
<input type="text" name="" placeholder="tag"><button>add tag</button>
<input type="text" name="" placeholder="tag"><button>add tag</button>
<input type="text" name="" placeholder="tag"><button>add tag</button>
<input type="text" name="" placeholder="tag"><button>add tag</button>
<input type="text" name="" placeholder="tag"><button>add tag</button>
<input type="text" name="" placeholder="tag">