我知道这个问题的简单答案是执行以下操作:
$('#div > p').fadeIn()
虽然在我的具体情况下,这似乎不起作用。我在网页上使用了很多相同的 ID,基本上我必须使用 >
两次,但这似乎不起作用。
这是 JSFiddle:http://jsfiddle.net/p4sA3/2/
基本上,我只希望 #information div 中的文本淡出并淡入另一个 div-wrap 中的新文本。
我如何实现这一目标?
这是 jQuery:
$('#goodbye-wrap').hide();
$('#change').click(function(){
$('#hello-wrap').fadeOut(200, function(){
$('#goodbye-wrap').fadeIn(600);
});
});
最佳答案
正如我在评论中所说,您不应该对不同的元素使用相同的 id。话虽如此,您始终可以使用 .first()
例如来过滤以前的选择
查看:http://api.jquery.com/first/
此外,与 .first()
一样,您还有其他过滤器,例如 .last()
或 .eq()
编辑:我现在越来越接近你想要的了? http://jsfiddle.net/p4sA3/3/
关于javascript - 如何淡入特定 div 内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16745497/