Question

我正在尝试选择基础箭头选择元素。我在列表中有一个div和三个元素。现在我想要第一次选择第一个元素，当按下键时按下所选元素移动到下一个li，与第三个li相同，反之亦然，在按键按下。

HTML

<div id='divText'><div>
<ul>
<li>ABC<li>
<li>XYZ<li>
<li>CDE<li>
<li>FGH</li>
</ul>

的js

$('#divText').on("keyup", function(e) {
      var code = e.which;
      if (code == 40) 
           $('#divText').html($('ul li').html());
      else if (code == 38) {
           $('#divText').html($('ul li').html());
 });

现在我很困惑我们如何获得ul的下一个和前一个元素

Answer 1

HTML：

<input id='divText' type="text"/>
 <ul id="list">
  <li>ABC</li>
  <li>XYZ</li>
  <li>CDE</li>
  <li>FGH</li>
 </ul>

时：

var index = 0;
$('#divText').on("keyup", function(e) {
  var code = e.which;
  var max = $('#list').children().length;
  if (code == 40){
    index++;
    if(index == max){
      index = 0;
    }
  } else if (code == 38) {
    index--;
    if(index < 0){
      index = max-1;
    }
  }
  document.getElementById('divText').value = ($('#list').children().eq(index).text());
});

......我在第一个答案中误读了这个问题

按键更改div中的数据

1 个答案: