Как изменить текст и аттрибут текста в svg с помощью js

351

05 сентября 2017, 11:56

Всем добра! Имеется такая задача: Есть график нарисованный с помощью svg в этом графике есть подписи вида <text ...></text>, необходимо если число отрицательное - покрасить его в красный. Пробовал через $('text').each(); Но ничего не выходит( айдишники приписать к ним тоже нет возможности.

Подскажите пожалуйста как можно перебрать все текстовые элементы в svg

Answer 1

$('text').each() отлично работает.

$('text').each(function () { 
  if ( +$(this).text() <= 0 ) { 
    $(this).attr('fill', 'red'); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<svg> 
  <text x="0" y="15" font-family="Verdana" font-size="15">1</text> 
  <text x="0" y="35" font-family="Verdana" font-size="15">2</text> 
  <text x="0" y="55" font-family="Verdana" font-size="15">11</text> 
  <text x="0" y="75" font-family="Verdana" font-size="15">-1</text> 
  <text x="0" y="95" font-family="Verdana" font-size="15">-6</text> 
</svg>