Выбор SVG и элементов пути с помощью JavaScript

Question

Я хотел бы выбрать последний путь в SVG и удалить его.Я пробовал множество методов, как в чистом javascript, так и в jquery, и мне кажется, что я не могу правильно получить доступ к SVG или его путям.

HTML:

<div id="thesvgwrapper">    
  <svg id="thesvg"...><path ....></path><path ...></svg>
</div>

Я МОГУ очистить SVG используя:

$('svg#thesvg').empty();

Я МОГУ увидеть содержимое SVG, используя:

var svgwrapper = $('#svgwrapper');
var svgcontents = $(svgwrapper).html();
alert(svgcontents);

Тем не менее, я не могу аналогичным образом выбрать SVG и увидеть его содержимое пути ...

моя цель что-то вроде

$('#thesvg path:last').remove();

спасибо миллион за любую помощь

Answer 1

Вот исполняемый код на чистом JavaScript:

var paths = svgDoc.getElementsByTagName("path");
var last_path = paths[paths.length - 1];
last_path.parentNode.removeChild(last_path);

Answer 2

Я предполагаю, что вы используете SVG-совместимый браузер, такой как Firefox.

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