gpt4 book ai didi

javascript - 将 [object Object] 转换为 DOM 元素

转载 作者:行者123 更新时间:2023-12-02 18:23:33 25 4
gpt4 key购买 nike

我正在尝试在 jQuery 中实现幻灯片放映,其中所有图像及其描述都位于 ID 为 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 元素一样,以便我可以选择详细信息、迭代它们等。

我怎样才能得到它?

完整代码:

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

在 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>

问题是它向我抛出如下错误:未捕获类型错误:无法读取未定义的属性“src”

最佳答案

您可以使用$.each

slides.each(function(){
console.log($(this));
});

关于javascript - 将 [object Object] 转换为 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18601304/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com