JQuery селектор с SVG

Question

Я манипулирую svg и хотел бы получить доступ к элементам с помощью jquery и его селекторов, но, похоже, они не работают: все остальные функции, такие как getJSON и .ajax, работают без проблем.

Браузер загружает файл.svg, а не HTML-страницу с содержимым SVG. Как я могу изменить значение этого текстового элемента, например? (этот узел является корневым дочерним)

<text id="green_nick"  class="nickname" x="1200" y="279" onclick="takeSeat(evt)">a234567890a2345</text>

// this doesnt work
$.("#green_nick").val("changeit!")

Answer 1

jQuery SVg - это решение, если у вас есть немного времени для короткой кривой обучения, которая дает много Конвертируйте SVG в JQuery SVG от Kieth. Вы можете добавить jQuery SVG Lin из своего пакета, который позволяет вам контролировать Dom Также посмотрите «матричную» диаграмму на конвертере

http://irunmywebsite.com/raphael/SVGTOHTML_LIVE.php

Выберите третий вариант в раскрывающемся списке, так как первые 2 предназначены для другой библиотеки SVG

Вы найдете информацию о матрице, которая дополняет вышеприведенную информацию для управления Dom

Answer 2

Поскольку SVG использует нестандартные элементы, им нельзя манипулировать как элементами DOM. Вы должны взглянуть на jQuery SVG , чтобы манипулировать элементами SVG.