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 );
});