Как посчитать для всех path их длину?

Question

[VANY]

Здравствуйте.
Имеется:

<svg id="svg-image">
<path/>
<rect/>
<path/>
</svg>

Как через jquery посчитать длину всех path, которые входят в #svg-image?
Собственно, не могу понять как правильно дописать код, что ниже.

svg = $("#svg-image");
path = document.querySelector('path');
var pathLen = path.getTotalLength();
path.setAttribute('stroke-dasharray', pathLen);

===
обновил код, длина вычисляется, атрибут назначается. Но только для первого встречного path. Как это сделать для всех path в документе? А вообще - желательно, чтобы смотрел не в документ, а только в svg-элементы.
===
готовое решение для обработки всех path во всех svg. Без анимации, просто добавит в атрибуты длину пути.

var nS = 'http://www.w3.org/2000/svg';
var svgPaths = document.getElementsByTagNameNS(nS,'path');

for (var x = 0; x < svgPaths.length; x++) {
  var path = svgPaths[x];
  var pathDimensions = path.getTotalLength();
  path.style.strokeDasharray = pathDimensions;
  path.style.strokeDashoffset = pathDimensions;
};

Answer 1

[A K]

А почему циклом не пройтись по всем path и не назначить каждому по отдельности?

Comments

[VANY]

потому, что я только начал изучать JS, Jquery и, к своему стыду, делаю всё по-быстрому. Проект горит, в прочем, как обычно :) *код уже обновил, цикл таки нужен был

[A K]

Иван Украинцев: если в jq, то можно так $('path','#mysvg').attr('myattr','myvalue')

[VANY]

Symphony: знаю, это копипаста, исправлять не вижу смысла

[A K]

Иван Украинцев: этот код переберет все path в вашем svg и к каждому добавит атрибут со значением

[VANY]

Symphony: а как присвоить к myattr значение, которое у каждого path свое?

[A K]

Иван Украинцев: .each() киньте на jsfiddle

[VANY]

Symphony:
jsfiddle.net/j6ousy1v ЧЯДНТ? :)

[A K]

Иван Украинцев: у вас хтмл пустой

[VANY]

Symphony: это я понял, я написал js просто чтобы Вам показать. Просто я плохо знаю язык и хотел помощи как правильно прописать attr одновременно для двух атрибутов?