javascript
  • jquery
  • html
  • 2016-03-21 5 views 0 likes 
    0

    私はビデオタイトルのリストを持っています。それらはクリック可能なリンクです。それらは順序付けられたリストで整理されています。順序付きリストから1つのリスト要素を選択する方法は?

    function showResults(results) { 
        var html = ''; 
        html = "<ol>"; 
         $.each(results, function(index,value) { 
         html += '<li><a data-video-type="https://www.youtube.com/embed/' + value.id.videoId + '?autoplay=1"><img src="' +value.snippet.thumbnails.medium.url + '">' + value.snippet.title + '</a>)</li>';  }); 
         html += "</ol>"; 
         $('#results').html(html); 
    }); 
    

    私は、videoChoiceのidをol、li、またはaに割り当てることができます。

    "play number *val" : function(val) { 
         var test = document.getElementById('videoChoice'); 
         test.click(); 
    
    } 
    

    IDは、Liやに割り当てられている場合、私は音声コマンドを使用することができますし、ビデオが再生されます:私はこのようなことのIDタグによって要素を取得します。問題は、このメソッドはリスト内の特定の1つのビデオを返します。だから私はidタグをolに移動した。これは、完全に順序付けられたリストを返します。問題は、インデックス番号でリスト要素を選択する方法を理解できないことです。たとえば、インデックス番号で配列から要素を選択する方法はわかっていますが、ここでは別の方法が必要なようです。

    したがって、順序付きリストからどのようにリスト要素を選択しますか?

    SOLUTION

    の回答で述べたように、.EQ()jQueryのメソッドは、これを行うには良い方法です。私はこのメソッドを実装しましたが、 'a'を追加してリンクであることも指定しなければなりませんでした。これによりクリック可能になりました。あなたは、インデックスによって選択しようとしている場合

    "play number *val" : function(val) { 
         var $ol = $('#videoChoice'); 
         var li = $ol.find('a','li').eq(val).click(); 
    } 
    

    答えて

    1

    私はこれがあなたの問題であるならば、あなたは簡単にjqueryのeq()方法を使用して、リストの要素を選択することができますインデックス番号

    でリスト要素を選択する方法を見つけ出すことはできません

    例:FIDDLE

    var firstList = $('ul#id').find('li').eq(0); 
    
    +0

    これは仕事のための素晴らしいツールでした。それを指摘してくれてありがとう。私はリンクを使って作業していることを明示するために 'a'を追加しました。これによりクリック可能になりました。 – PencilCrate

    +0

    うれしかった! – ssilas777

    0

    、これをチェックアウト:あなたが三分の一を選択しようとしているので、もし

    https://api.jquery.com/eq-selector/

    あなたは、EQセレクターを使用してインデックスを選択することができますセレクタは次のようになります。

    var Selection = $('li:eq(2)'); 
    

    あなたの便宜のためにJSFiddle。

    https://jsfiddle.net/tyatm27b/

    関連する問題