用javascript追加问题改变每个单词的第一个字母的字体大小

Question

我有这个js调整标题中每个单词的第一个字母的大小。唯一的问题是它将所有结果附加到每个标头。因此页面上的每个标题都成为页面上每个标题的组合。这个jsfiddle链接让我说得更清楚：

http://jsfiddle.net/GKYuG/

有人可以告诉我如何才能得到正确的结果吗？

Answer 1

试试这个：

$(document).ready(function() { 

    var titles = new Array();
    titles[0] = 'latest_news';
    titles[1] = 'contact_me';

    $('.title').each(function(){
        var words = $(this).text().split(' '); 
        var html = ''; 
        $.each(words, function() { 
            html += '<span style="font-size:200%">'+this.substring(0,1)+'</span>'+this.substring(1) + ' '; 
        }); 
        $(this).html(html); 
    });

}); 

您必须遍历所选的div，否则您将更改应用于选择器选择的所有div。