Video başlıkların bir listesini görüyorum. Tıklanabilir bağlantılar. Sıralı bir listede düzenlenmiştir.Sıralı bir listeden bir liste öğesi nasıl seçilir?
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 bir kimliğini ol, li veya a olarak atayabilirim. Böyle o id etiketi ile unsurunu olsun: id li veya atanan
"play number *val" : function(val) {
var test = document.getElementById('videoChoice');
test.click();
}
, ben ses komutu kullanabilirsiniz ve video oynayacak. Sorun şu ki, bu yöntem listede belirli bir video döndürüyor. Bu yüzden kimlik etiketimi ol'a taşıdım. Bu, tam sıralı listeyi döndürür. Sorun şu ki, bir liste elemanını indeks numarasına göre nasıl seçeceğimi anlayamıyorum. Örneğin, bir dizinin bir dizinden indeks numarasına nasıl seçileceğini biliyorum, ancak burada farklı bir yönteme ihtiyacım var gibi görünüyor.
Peki, sıralı bir listeden bir liste öğesi nasıl seçilir? cevaplarında belirtildiği gibi
ÇÖZÜM
, .eq() jQuery yöntemi bunu yapmak için iyi bir yoldur. Yöntemi uyguladım, ancak 'a' ekleyerek bir bağlantı olduğunu belirtmek zorundaydım. Bu tıklanabilir hale getirdi. Eğer dizine göre seçmek için çalışıyorsanız
"play number *val" : function(val) {
var $ol = $('#videoChoice');
var li = $ol.find('a','li').eq(val).click();
}
Bu iş için mükemmel bir araçtı, bunu işaret ettiğin için teşekkürler. Bir bağlantı ile çalıştığımı açıkça belirtmek için bir 'a' ekledim. Bu tıklanabilir hale getirdi. – PencilCrate
Yardım etmesine sevindim! – ssilas777