Я пытаюсь написать скрипт в jQuery, который будет перебирать каждый текстовый элемент на странице. Затем мне нужно изменить цвет каждой буквы по одной. Например, для такой страницы:

<p>Some text and <a href="http://example.com">some link</a> and <span>something else</span></p>

Я хотел бы получить:

"Some text and "
"some link"
" and "
"something else"

и быть в состоянии стилизовать каждую отдельную букву (т.е. положить обратно в DOM, что бы я ни придумал).

Я знаю оtext() метод, но это не будет делать работу, поскольку он объединяет текстовое содержимое, в то время как мне нужно получить доступ к каждой отдельной текстовой части.

Любое предложение о том, как это сделать?