javascript - 如何淡入特定 div 内的文本

标签 javascript jquery function html fade

我知道这个问题的简单答案是执行以下操作:

$('#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/

相关文章:

jquery - 输入类型 ="file"包含文件验证

javascript - JS 数组, bool 排序不起作用

javascript - Google Invisible ReCaptcha 不可见

Java 8 : Why Effectively Final variable doesn't work for switch block?

javascript - 如何在 react-redux 中调用一个函数

javascript - 如何测量定义新字符串的 JavaScript 函数的数量

r - 使用 "FUN=first"跳过 NA 值

r - 错误 : evaluation nested too deeply: infinite recursion/options(expressions=)?

javascript - 如何使用地理定位让它跟随我的确切位置?

php - 将表单数据从表单传输到外部表单