Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery表遍历

我有一个表,如下:

代码语言:javascript
运行
AI代码解释
复制
<table>
  <tr>
    <td><input id="c1" type="text" class=""></td>
    <td><input id="c2" type="text" class="readonly"></td>
    <td><input id="c3" type="text" class=""></td>
  </tr>
</table>

我正在实现一些自定义的单元格键盘导航,例如,我希望能够在键盘输入时将焦点移动到新的单元格,但跳过与给定选择器匹配的单元格(按#c1末尾的右箭头应将焦点移至下一个非.readonly的单元格,同样,按#c3开头的左箭头应将焦点移至非.readonly的最后一个单元格。

我已经得到了处理键盘事件的代码,但是我的jQuery选择器在移动焦点时遇到了问题。我可以很容易地在循环中做我想做的事情,但我正在寻找一种更优雅的方式来做到这一点。我当前使用的选择器(例如,将"previous“从#c3移动到#c2,(应该是#c1))是:

代码语言:javascript
运行
AI代码解释
复制
$(el).parent('td').prev('td').find('input').focus();

我基本上可以怎么做:

Element -> Parent 'td' -> Closest previous 'td' containing an 'input' element without the 'readonly' class

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-25 17:42:45

尝尝这个

代码语言:javascript
运行
AI代码解释
复制
$(el).closest('td').prevAll('td:has(input:not(.readonly))').first().find('input').focus();
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13074132

复制
相关文章
Elasticsearch exception [type=search_phase_execution_exception, reason=all shards failed]
Elasticsearch exception [type=search_phase_execution_exception, reason=all shards failed]
一个风轻云淡
2023/10/15
1K0
Elasticsearch exception [type=search_phase_execution_exception, reason=all shards failed]
Elasticsearch报错:exception [type=search_phase_execution_exception, reason=all shards failed]
Exception in thread "main" ElasticsearchStatusException[Elasticsearch exception [type=search_phase_execution_exception, reason=all shards failed]]; nested: ElasticsearchException[Elasticsearch exception [type=illegal_argument_exception, reason=Fielddata is
陈哈哈
2020/07/06
11.9K0
Elasticsearch报错:exception [type=search_phase_execution_exception, reason=all shards failed]
Exception 类
Throwable / Exception 类是有状态的(因此 Throwable 是接口而不能是类),记录了四个信息:
Qwe7
2022/08/05
4560
Andriod基础——Adapter类
Android是完全遵循MVC模式设计的框架,Activity是Controller,layout是View,因为layout五花八门,很多数据都不能直接绑定上去,所以Android引入了Adapte
mukekeheart
2018/02/27
1.7K0
Andriod基础——Adapter类
Oracle_Exception_01_The Network Adapter could not establish the connection
端口号错误:一般不会错误但可能使用多个oracle版本,导致端口号为1521的情况。  修改为正确的端口号,执行下面第2步。   
shirayner
2018/08/10
4100
Elasticsearch - cluster_block_exception [FORBIDDEN/12/index read-only / allow delete (api)]
6.4版本的 官方文档:https://www.elastic.co/guide/en/elasticsearch/reference/6.4/disk-allocator.html
小小工匠
2021/08/17
1.5K0
Elasticsearch - cluster_block_exception   [FORBIDDEN/12/index read-only / allow delete (api)]
magento soap api
step 2: 添加一个资源信息(模块名,不要加namespace) 注意:在etc 下的XML文件中,不要使用namespace, 否则会报错,会把当前模块下的helper 去Mage下查找。 在 resource 下添加 method,method 中的元素有 list ,create,update,delete.info. 如下:
全栈程序员站长
2022/09/14
1.8K0
magento soap api
中间件的数据抽取各种运行状态 ,weblogic的 , tomcat 类似 ---朋友的代码
package com.agent.opt.type.weblogic.data; import java.io.File; import java.io.IOException; import java.lang.management.ManagementFactory; import java.net.InetAddress; import java.net.InetSocketAddress; import java.net.MalformedURLException; import java.ne
allsmallpig
2021/02/25
5680
如何快速快速地将MAGENTO 1迁移到MAGENTO 2
要迁移还是不迁移? 自Magento 2问世以来,这个问题无疑已经引起您的注意。 Magento 2迁移并不是一个神奇的一键式过程,因此也就不足为奇了,尤其是考虑到您的Magento 1商店运作良好并产生了利润。 如果没有损坏,请不要修复,对吗? 尽管现实情况是Magento 2征服了市场,但企业主正在逐渐将其商店迁移到新版本,以获得更多收益。 如果您仍然有疑问,让我们立即澄清两个更棘手的问题,以便我们继续讨论如何以合理的价格轻松升级Magento。
Alisa_Porter
2020/09/14
2.7K0
JMX in action第二篇
其实一看到Dynamic这个词就基本上确定了,就是反射那一套,不外乎属性获取,设定,方法调用等等,但是这个在使用中是至关重要的,因为现有系统如果都想把接口改造成符合Standard MBean方式的,不太现实,而利用DynamicMBean,通过反射将需要管理的Bean动态生成,对现有系统减少侵入性,也减少了问题产生的可能。来看看DynamicMBean接口
Dylan Liu
2019/07/01
3780
Elasticsearch-circuit_breaking_exception [parent] Data too large, data for [<http_request>]
之前用的6.4 ,后来升级到7.6以后,测试环境 es内存 4G , 时不时地来一下…
小小工匠
2021/08/17
2.5K0
Exception Processing Message 0xc000007b Parameters
What’s causing the ‘Exception Processing Message 0xc000007b Parameters’ error? 先看下https://cloud.tenc
Windows技术交流
2020/04/17
3.9K0
30个类手写Spring核心原理之自定义ORM(上)(6)
说到ResultSet,有Java开发经验的“小伙伴”自然最熟悉不过了,不过我相信对于大多数人来说也算是“最熟悉的陌生人”。从ResultSet取值操作大家都会,比如:
Tom弹架构
2021/12/16
5520
PHP实现elasticsearch/elasticsearchy实例
ElasticSearchModel::getInstance('sports_search_blog')->addDoc('blog', $data);
OwenZhang
2021/12/08
5660
Qt Model View 简便类(一)
表格、列表和树型窗口部件是 GUI 开发中经常会用到的窗口部件。传统的方式是窗口部件本身包含用于存储数据的内置容器。这种方式非常符合直观感受,然而,在许多复杂的应用中,这将导致数据的同步问题。早期Qt使用的就是上述的方式。第二种方式是模型/视图编程,窗口部件无需维护内部的数据容器。它们通过标准的接口获取外部数据,也因此避免了数据的重复。
用户5908113
2019/09/18
1.4K0
Qt Model View 简便类(一)
Django:model类的objects属性
A model class's objects attribute is an instance of django.db.models.manager.Manager. A manager has the following methods, all of which return a QuerySet instance.
一朵灼灼华
2022/08/05
8200
iOS开发之遍历Model类的属性并完善使用Runtime给Model类赋值
  在上篇博客《iOS开发之使用Runtime给Model类赋值》中介绍了如何使用运行时在实体类的基类中添加给实体类的属性赋值的方法,这个方法的前提是字典的Key必须和实体类的Property Name相同,然后通过运行时来生成和执行Setter方法给Model类的属性赋值。   通过Runtime来给Model类属性赋值的好处是多多的,它便于代码的后期维护,并且提高了开发效率。当你拿到解析后的字典时你不用一个一个的通过key去把字典的值赋值给相应的Model类的属性,本篇博客中会给出如何去遍历Model中
lizelu
2018/01/11
2.2K0
iOS开发之遍历Model类的属性并完善使用Runtime给Model类赋值
在CentOS 7上安装Magento(Install Magento on CentOS 7 译文)
原文作者:null 原文地址:https://www.linode.com/docs/websites/ecommerce/install-magento-on-centos-7/ 译者微博:@从流域到海域 译者博客:blog.csdn.net/solo95
Steve Wang
2019/05/28
9.8K1
Django model,baseModel基类, migrate移行
比如,create_user. create_datetime, update_user, update_datetime, delete_flag etc
刀枪不入de王二花
2022/08/07
1.2K0
Django model,baseModel基类, migrate移行
java.lang.BootstrapMethodError: Exception from call site #0 bootstrap method
解决方案:https://github.com/JakeWharton/butterknife/issues/1468
仰止
2019/09/04
2.9K1

相似问题

ReflectionException,类不存在。

12

Magento错误(ReflectionException):类Unirgy\DropshipMicrosite\Helper\ProtectedCode不存在

134

ReflectionException:类不存在

10

ReflectionException -类不存在

10

Magento 2: 1异常:异常#0 (ReflectionException)

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档