Существует несколько причин, по которым размещенный здесь код не будет работать.
Сначала вы пытаетесь запросить DOM встроенного документа SVG, но выполняемый запрос будет запрашивать только DOM на текущей странице. Чтобы получить доступ к DOM встроенного документа SVG, вам нужно сделать что-то вроде следующего:
Как получить доступ к элементам SVG с помощью Javascript
Вторая причина, по которой это не сработает, заключается в том, что jquery в настоящее время не может запрашивать документы SVG. Причина этого заключается в том, что атрибут класса кодируется как анимированное значение в SVG DOM, а не в строке HTML DOM, что приводит в замешательство jquery.
По этой причине, и, поскольку я считаю, что это решит другие проблемы, с которыми вы сталкиваетесь при структурировании вашего HTML-документа, я бы порекомендовал вам использовать библиотеку jQasery SVG jQuery: http://keith -wood.name /svg.html
Это делает многие вещи, которые кажутся релевантными вашему проекту, включая изменение jQuery, чтобы он мог запрашивать документы SVG, и встраивание документа SVG в документ HTML с использованием собственного DOM, если это поддерживается, или Adobe плагин. Будьте осторожны, так как я обнаружил, что плагин SVG DOM нестабилен в определенных ситуациях в Chromium.