私はビデオタイトルのリストを持っています。それらはクリック可能なリンクです。それらは順序付けられたリストで整理されています。順序付きリストから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();
}
これは仕事のための素晴らしいツールでした。それを指摘してくれてありがとう。私はリンクを使って作業していることを明示するために 'a'を追加しました。これによりクリック可能になりました。 – PencilCrate
うれしかった! – ssilas777