社区教程 Wiki

注册登录

创作新主题

社区所有版块导航

Python

python开源 Django Python DjangoApp pycharm

DATA

docker Elasticsearch

问与答闲聊招聘翻译创业分享发现分享创造求职区块链支付之战

aigc

aigc chatgpt

WEB开发

linux MongoDB Redis DATABASE NGINX 其他Web框架 web工具 zookeeper tornado NoSql Bootstrap js peewee Git bottle IE MQ Jquery

机器学习

机器学习算法

Python88.com

反馈公告社区推广

产品

短视频

印度

关注

Py学习 » Jquery

按热键跳过li不工作jquery

Max • 5 年前 • 1413 次点击

我有一个 li 表示在线考试的安排。

锂 或者只是按键盘上的数字5。

问题

	
$("li").on("click",function(){
 $("li").find("input").hide();
$(this).find("input").show().focus();

});


var body = $('body');

    body.keypress( function (e) {
		
    var li =  $(document).find('ul.list li');

    
	
	if ( e.which == 53 ) {
		//alert()
		li.find("input").next().show();
	}
	
	
	
	
});

li input{display:none;}
li{cursor:pointer;border:1px solid red;margin:5px;padding:10px;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<ul class='list'>

<li>a <input value='' /></li>
<li>b <input value='' /></li>
<li>c <input value='' /></li>
<li>d <input value='' /></li>
<li>e <input value='' /></li>
<li>f <input value='' /></li>

</ul>

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/53653

1413 次点击

文章 [ 1 ] | 最新文章 5 年前

• 1 楼

Nidhin Joseph 5 年前

你可以使用 document.activeElement 为了活跃起来 input 元素。一旦你得到 输入 实例,使用 closest() li 和 next() 移动到下一个 锂

$("li").on("click", function() {
  $("li").find("input").hide();
  $(this).find("input").show().focus();

});

$('body').keypress(function(e) {

  if (e.which == 53) {
    e.preventDefault();

    let li, input;
    if (document.activeElement.tagName == "BODY") {
      input = $('li input').first();
    } else {
      li = $(document.activeElement).closest('li');
      input = li.next().find("input");
    }

    input.show();
    input.focus();
  }
});

li input {
  display: none;
}

li {
  cursor: pointer;
  border: 1px solid red;
  margin: 5px;
  padding: 10px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<ul class='list'>

  <li>a <input value='' /></li>
  <li>b <input value='' /></li>
  <li>c <input value='' /></li>
  <li>d <input value='' /></li>
  <li>e <input value='' /></li>
  <li>f <input value='' /></li>

</ul>

登录后回复

关于移动版

Py学习 - 专注于Python技术发展的社区(原Django社区)