jQuery: Цветные пробелы в тексте
Иногда требуется наглядно показать ширину пробелов в тексте. Простой сниппет позволяет это сделать.
$('p').each(function(){ var text = $(this).text(); var words = text.split(" "); var html = words.join( '<span style="background:red;"> </span>' ); $(this).html( html ); }); // проверить из консоли (если позволяют настройки безопасности) var jq = document.createElement('script'); jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); $('p').each(function(){ var text = $(this).text(); var words = text.split(" "); var html = words.join( '<span style="background:red;"> </span>' ); $(this).html( html ); });
Комментарии