изменение размера шрифта первой буквы каждого слова с добавлением 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, выбранным селектором.