2016-03-21 32 views
0

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

cevap

1

Bunun senin sorunsa endeks numarası

tarafından bir liste elemanı nasıl seçileceğini bilemiyorum, kolayca jquery eq() yöntemi

kullanarak bir liste elemanı seçebilir

örn: FIDDLE

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

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

+0

Yardım etmesine sevindim! – ssilas777

0

, bu check out: Eğer üçte seçmek için çalışıyoruz eğer öyleyse

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

Sen, eş seçici kullanılarak dizine göre seçebilirsiniz Listedeki öğe, selektör aşağıdaki gibi olacaktır:

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

Size kolaylık sağlamak için bir JSFiddle.

https://jsfiddle.net/tyatm27b/

İlgili konular