[英]Convert [object Object] into DOM element
我正在嘗試在jQuery中實現幻燈片放映,其中我將所有圖像及其描述放在ID contain
的隱藏元素contain
在這里,我想獲得所有包含元素( img
span
)對,以便我可以迭代它們。 但問題是:
var slides = $('#contain').children(); //[object Object]
console.log(slides);
//console.log(slides.get(0)); //< this is also not working
這是返回[object Object]
但是我希望元素在DOM元素中,所以我可以選擇細節,迭代它們等。
可以請任何幫助我怎么能得到它?
Complete code:
function startSlideShow(interval) {
var slides = $('#contain').children();
console.log("0: " + slides);
for (var i = 0; i < slides.length; i++) {
setTimeout(
function () {
var slide = $(slides[i]).children();
$('#currentImage').attr('src', slide[0].src).fadeIn(interval * 100);
$('#slideDesc').html(slide[1].innerHTML).fadeIn(interval * 100);
}, interval * 1000);
}
}
in the html:
<article id="contain">
<div class="image">
<img src="http://i.imgur.com/925p6M5.jpg" />
<span>1Lorem Ipsum is simply dummy text of the printing and typesetting industry. </span>
</div>
<div class="image">
<img src="http://i.imgur.com/dbBu5rk.jpg" />
<span>2 Lorem Ipsum is simply dummy text of the printing and typesetting industry. </span>
</div>
<div class="image">
<img src="http://i.imgur.com/VFxPGEi.gif" />
<span>3 Lorem Ipsum is simply dummy text of the printing and typesetting industry. </span>
</div>
</article>
問題是它給我帶來了如下錯誤: Uncaught TypeError: Cannot read property 'src' of undefined
你可以使用$ .each
slides.each(function(){
console.log($(this));
});
你可以試試這個
var slides = $('#contain').children().get();
console.log(slides); // array of dom elements
console.log(slides[0]); // first dom element
要么
$('#contain').children().each(function(k, v){
console.log(v);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.