将多个元素附加到input>标记时,使用jQuery聚焦

Append multiple elements to the <input> tag when focused using jQuery

本文关键字:聚焦 jQuery 使用 元素 input      更新时间:2023-09-26

我来到这个教程网站是为了他们很棒的材料设计输入框。实现非常简单,但我只是不喜欢包括两个<span>元素的想法(请检查代码以了解我在说什么),所以我喜欢将这两个元素附加到<input>标签,当它专注于使用jQuery的append()方法时。但是作为jQuery世界的新手,自己编写代码很困难,所以我需要一些帮助。

下面的示例代码是我目前拥有的,但它们不适合我。

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

帮忙吗?

谢谢。

如果你阅读你的链接和html,他们没有在输入中添加一个span,这是不可能的,因为输入不能包含html中的子元素。不过,您可能想要在输入的父元素上追加内容,这样会更简单。

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