javascript - 有没有一种简单的方法可以为字符串中的特定字符设置动画？

Question

我想淡化字符串中的一个字符，以便 Whatever 变成 Wha ever。

$('p[2]').animate({ opacity: 0 });

Fiddle

如果可能的话，我希望不将每个字母包装在 HTML 标记中。

Answer 1

您需要包裹您想要屏蔽的字符，以对该元素应用效果。

尝试:

var hideLetter = function(element, position) {
    var str = $(element).text(),
        nstr = str.substr(0, position) + '<span>'  + str.substring(position, position + 1) + '</span>' + str.substring(position + 1);

    $(element).html(nstr);

    $(element).find('span').animate({
        opacity: 0
    });
};

hideLetter('p', 2);

Fiddle