Предположим, есть задача: Нужно всем первым буквам абзацев назначить изменить визуальное оформление.
Сделаем маленький плагин для такого дела.
Получение первого символа (буквы) в тексте на jQuery.
24.12.2014
Код:
1 |
(function($){ $.fn.liFirstLetter = function(params){ var p = $.extend({ tag: 'span', classEl: 'firstletter' }, params); return this.each(function(){ var el = $(this); htmlreplace(el); function htmlreplace(el) { $(el).contents().each(function(){ if (this.nodeType == 3) { $(this).wrap('<span class="li"/>'); return false }else { htmlreplace(this); }; }); }; var arr = $('.li:first').html().split(''); var arrFirst = arr.shift(); var newFirst = '<'+p.tag+' class="'+p.classEl+'">'+arrFirst+'</'+p.tag+'>'; arr.unshift(newFirst); $('.li:first').html(arr.join('')); $('.li').each(function(){$(this).after($(this).html()).remove()}); }); }; })(jQuery); |
Пример использования:
1 |
$('.breadcrumb a').liFirstLetter({ tag: 'span', classEl: 'firstletter' }); |
Все первые буквы будут обернуты в span с классом firstletter