javascript - 使用jQuery进行聚焦时，将多个元素附加到<input />标记

Question

我来到this教程网站，了解他们精彩的Material Design输入框。实施非常简单，但我不喜欢包含两个<span>元素的想法（请检查code以了解我在谈论的内容）因此，当我使用jQuery的<input>方法聚焦时，我喜欢将这两个元素附加到append()标记。但作为jQuery世界的新手，自己编写代码很困难，所以我需要一些帮助。

以下示例代码（如下）是我目前的代码，但它们不适合我。

$("input").focus(function() {
  var $elem = '<span class="firstClass"></span>' + '<span class="secondClass"></span>';
  $("input").append($elem);
});

任何帮助？

感谢。

Answer 1

如果您阅读了链接和html，他们没有在输入中附加跨度，这是不可能的，因为输入不能包含html中的子元素。 您可能意味着追加到输入的父级，这会更简单。

$("input").parent().append($elem);