通缉:“超级选择器”或者如何聚焦第一个可见的“输入”没有价值的领域?
我想知道是否可以仅使用一个 jQuery 选择器来聚焦第一个空的可见“输入”字段:类似于 $('superamazingselector').focus ();
对于“输入”字段,我的意思是:文本区域、输入(不是 type="hidden")、选择 、单选按钮、未选中的复选框字段。我想这个“超级选择器”在很多页面上都会非常方便。
I was wondering if it is possible to focus the first empty visible "input" field with only one jQuery selector: something like $('superamazingselector').focus();
With "input" fields I mean: text areas, inputs (not type="hidden"), selects, radio buttons, unchecked checkbox fields. I guess this 'super selector' would be very handy on many pages.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
试试这个(未经测试):
:input
- 伪-所有表单输入元素的类选择器(包括[value=""]
-value
属性为空:visible
- 过滤掉隐藏元素(不选择)
<代码>:not(:button) -
:not()< /code>
:checkbox
- 选择复选框:not(:checked)
- 复选框:not( )
已检查如何选择单选按钮取决于
的 HTML 结构,我可以不要考虑一个通用的选择器来检测未选择的单选按钮组。
Try this (untested):
:input
- pseudo-class selector for all form input elements (includes<textarea>
and<select>
)[value=""]
-value
attribute is empty:visible
- filters out hidden elements (doesn't select<input type="hidden" />
):not(:button)
-:not()
a<button>
or<input type="button" />
:checkbox
- selects checkboxes:not(:checked)
- checkboxes that are:not()
checkedHow you select radio buttons depends on your HTML structure for
<input type="radio" />
, I can't think of a one-size-fits-all selector that detects an unselected radio button group.好问题:
尝试一下:
Nice question:
Give this a try:
我认为
$(":input:visible[value='']").first()
应该这样做。示例: http://www.jsfiddle.net/U3r6C/1/
I think
$(":input:visible[value='']").first()
should do it.example: http://www.jsfiddle.net/U3r6C/1/