JS
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child').fadeOut(1000)
.next('img').fadeIn(1000)
.end().appendTo('.fadein');},
5000);
});
的HTML
<div class="fadein">
<img src="IMG 1..">
<img src="IMG 2..">
/div>
这工作正常，但当我添加的那一刻
<a href="LINK" target="_blank"><img src="IMG 3..."></a>
IMG 3 ...由于某种原因消失了吗？谁能解释原因，并为我提供解决方案？
看看我的小提琴。
问题是
$('.fadein :first-child')
接受所有 :first-child节点，这也是您的IMG3节点（它是a元素的第一个孩子）。为了解决这个问题，我添加了一个直接子选择器>，从而使其看起来像：
$(function () {
$('.fadein >:gt(0)').hide();
setInterval(function () {
$('.fadein >:first-child').fadeOut(1000)
.next().fadeIn(1000)
.end().appendTo('.fadein');
},
5000);
});
请注意，第一个选择器也已从初始选择器更改，因为否则a将显示您的元素，但img由于第二行隐藏了该元素，因此将不显示任何内容。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句