将多个元素附加到input>标记时,使用jQuery聚焦
Append multiple elements to the <input> tag when focused using jQuery
我来到这个教程网站是为了他们很棒的材料设计输入框。实现非常简单,但我只是不喜欢包括两个<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);
相关文章:
- jQuery自动完成阻止选择后聚焦
- jQuery - ScrollTo - 将菜单聚焦在所选目标上
- 检测失焦的击键,聚焦输入并填写(Jquery)
- 使用jquery聚焦选择html元素
- jQuery:触发点击或聚焦输入字段
- jQuery Validate-Fire自定义'addMethod'聚焦/按键
- Jquery Ajax无法't获取当前聚焦的输入元素
- jQuery聚焦文本框并转到末尾,但也可以设置光标的位置,以便用户可以看到它
- 尝试在“单击”或“聚焦”GCSE搜索表单输入时触发jquery事件
- JQuery - 将光标放在文本区域的末尾,当光标聚焦时
- 如何自动检测键盘输入和自动聚焦以输入并使用js或jquery将其输入到输入中
- 在他通过 jQuery 通过 focusout 离开后,我如何用光标重新聚焦到输入
- JQuery :浏览器未聚焦时的焦点
- 当用户使用 jquery 将焦点聚焦到文本区域时显示按钮
- 当项目不再聚焦时,jQuery 停止脚本
- jQuery在错误时将焦点重新聚焦到同一输入字段,无法在所有浏览器上运行
- 如何防止在聚焦 JQuery 按钮并按下空格键时页面滚动
- 按回车键后,Jquery聚焦
- .focus()不会'单击两次时无法聚焦.jQuery 1.9.1中的
- jquery mobile使自定义元素可聚焦