-1

矢印の選択に基づいて要素を選択しようとしています。リストに div と 3 つの要素があります。今、私は最初に最初の要素を選択したいのですが、キーを押したときに選択した要素が次のliに移動し、3番目の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の次の要素と前の要素を取得する方法が混乱しています

4

1 に答える 1

2

HTML:

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

JS:

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());
});

...最初の回答の質問を読み間違えました

于 2013-08-19T14:47:42.433 に答える