На HTML-странице нужно найти все элементы tspan, у которых в тексте есть стрелка "вниз" и покрасить её (только одну стрелку!) в красный цвет.
Пример такого элемента tspan (в режиме предпросмотре стрелка "вниз" почему-то заменяется на знак вопроса. Посмотрим, что получится после публикации сообщения):



Я пробовал делать вот так:



Но это почему-то не работает - элемент tspan остался неизменным.

После публикации сообщения стрелка "вниз" заменилась на ↓

А, понял - без форматирования всё нормально отображается:

<tspan y="6" x="0">37 183 (37 183↓)</tspan>

$('tspan').each(function()
{ if ($(this).val().indexOf('↓') > 0) $(this).val().replace('↓', '<span style="color: red;">↓</span>');
})

AntonariyPasticНо это почему-то не работает - элемент tspan остался неизменным.Во-первых, метод val работает со свойством value, которого у tspan нет.
Во-вторых, val() лишь возвращает значение, то есть val().replace() возвращает измененное значение в никуда.
В-третьих, устанавливать значение нужно через val(значение).
В-четвертых, тут нужно использовать не val(), а html():




Спасибо за замечания. Предложенный Вами вариант не работает из-за того, что тэг span не работает внутри тэга tspan, но он натолкнул меня на решение:
$('tspan').each(function()
{ if ($(this).html().indexOf('↓') > 0) $(this).html($(this).html().replace('↓', '<tspan fill="red">↓</tspan>'));
else if ($(this).html().indexOf('') > 0) $(this).html($(this).html().replace('', '<tspan fill="green"></tspan>'));
})