jQueryのdiv要素内のdiv要素をどのようにトラバースするのですか？

Question

jqueryでajax検索バーを作成しようとしています.1つの場所で打たれました.1つの大きなdiv要素の中に動的div要素を作成しました.json応答と共に作成されたdivを意味します。ユーザーが何か入力したらdiv要素を横断したいキーの上向き矢印と下向き矢印を介して横断する必要があります。

<div class="comment"> 
     <div class="single" > 
      //this div is dynamically created with the information 
     </div> 
</div> 

div要素内の項目をキーアップとキーダウンのヘルプでハイライトしたいとします。 可能な方法は何でしょうか。私は2〜3の方法を試しましたが、それは有用ではありません。ここでEDIT

は、私が

$(document).ready(function(){ $('#inputText').on('keydown',function(e){ var $current=$('.comment>.single').first(); $current.css('background-color','yellow'); if(e.keyCode==40){ var $nextDiv; if($current.next().size==0){ $nextDiv=$('.comment>.single').first(); } else { $nextDiv=$current.next(); } $current.css('background-color',''); $nextDiv.css('background-color','yellow'); $current=$nextDiv; } }); }); 

は、あなたが適切にあなたの現在のdivと次のdivを設定されていません

Answer 1

ご協力いただきありがとうございます試してみましたが何もあなたが示されていないですあなたのコードの下矢印

私はあなたのために置いたjsFiddleです

https://jsfiddle.net/fxabnk4o/1/

はまた、あなたのdivのいずれかが、黄色の背景色を持っているかどうかを確認し、それに応じて

i「は.single」のクラスを持つすべての要素をループしているを横断する必要があるよりよいがあります矢印に基づいて、この

var a = $('.single'); 
     for(var i = 0; i < a.length; i++) 
     { 
     if($(a[i]).css('backgroundColor') == "rgb(255, 255, 0)") 
     { 
     isFirst = false; 
      $current= $(a[i]); 
      break; 
     } 
     else{ 
     isFirst = true; 
     $current = $('.comment > .single').first(); 
     } 
     } 

、その後を行う方法は、選択し、次または前の要素に

if($current.next().size==0){ 
      $nextDiv=$('.comment>.single').first(); 
      } 
      if(!isFirst){ 
      $nextDiv=$current.next(); 
      $current.css('background-color',''); 
      $nextDiv.css('background-color','yellow'); 
      $current=$nextDiv; 
      } 
      else 
      { 
      $current.css('background-color','yellow'); 
      } 

を押します

と

var $nextDiv; 
     if($current.prev().size==0){ 
      $nextDiv=$('.comment>.single').first(); 
      } 
      if(!isFirst){ 
      $nextDiv=$current.prev(); 
      $current.css('background-color',''); 
      $nextDiv.css('background-color','yellow'); 
      $current=$nextDiv; 
      } 
      else 
      { 
      $current.css('background-color','yellow'); 
      } 

Answer 2

$('input', $('#comment')).each(function() { 

$('input', $('#single')).each(function() { 

    console.log($(this)); //log every element found to console output 
}); 

    console.log($(this)); //log every element found to console output 
});